@font-face { font-family: proxima_nova_regular; src: url(fonts/proxima_nova_regular.woff2); }
@font-face { font-family: proxima_nova_bold; src: url(fonts/proxima_nova_bold.woff2); }
@font-face { font-family: jost_light; src: url(fonts/jost_light.woff2); }
@font-face { font-family: jost_extra_bold; src: url(fonts/jost_extra_bold.woff2); }

/**, *::before, *::after { box-sizing: border-box; }*/
input, textarea, select { font: inherit; }
html { background: #000000; overflow-wrap: anywhere; scroll-behavior: smooth; overflow-x: hidden; font: 16px/1 proxima_nova_regular; color: #000000; }
body { min-height: 100%; min-width: 320px; max-width: 2000px; margin: 0 auto; overflow-x: hidden; background: #ffffff; }
header, section, footer { padding: 0 calc(50% - 1140px/2); }
.button { height: 56px; min-width: 148px; width: fit-content; padding: 0 40px; border: none; border-radius: 37px; box-shadow: 0 21px 65px rgba(220, 119, 0, 0.28); display: flex; justify-content: center; align-items: center; background: #ffc732; font: 20px jost_extra_bold; color: #000000; text-decoration: none; cursor: pointer; }
@media ( hover:hover )
{
	.button:hover { opacity: 0.7; }
	a:hover { opacity: 0.7; }
}

img { max-width: 100%; display: block; }
h1 { margin: 0; padding-bottom: 50px; font: 55px/1 jost_extra_bold; }
h2 { margin: 0; padding-bottom: 16px; font: 35px/1 jost_extra_bold; }
p, ol, ul, dl { margin: 0; padding-bottom: 15px; font: 16px/1.5 proxima_nova_regular; } /*font для крупных блоков текстов*/
p:last-child, ol:last-child, ul:last-child, dl:last-child { padding-bottom: 0; }
/* p { text-indent: 32px; } */
@media (max-width: 1199px)
{
	header, section, footer { padding: 0 15px; }
}
@media (max-width: 899px)
{
	h1 { font-size: 44px; }
	h2 { font-size: 28px; }
}
@media (max-width: 599px)
{
	.button { height: 64px; } 
	h1 { font-size: 33px; }
	h2 { font-size: 22px; }
}