@media only screen and (min-width: 1px) { html {scroll-padding-top: 130px;} } @media only screen and (min-width: 992px) { html {scroll-padding-top: 150px;} } @media only screen and (min-width: 1367px) { html {scroll-padding-top: 190px;} } @media only screen and (max-width: 2500px) { .hero__sub-text { font-size:30px; } } @media only screen and (max-width: 2300px) { body { font-size:26px; }} @media only screen and (max-width: 2200px) { .hero__sub-text { font-size:25px; } } @media only screen and (max-width: 2000px) { body { font-size:22px; } } .hero__sub-text { font-size:22px; padding: 20px 0 22px; } } @media only screen and (max-width: 1700px) { .hero__sub-text { font-size:19px; padding: 15px 0 17px; } } @media only screen and (max-width: 1500px) { .hero__sub-text { font-size:16px; } } @media only screen and (max-width: 1400px) { body { font-size:20px } } @media only screen and (max-width: 1300px) { .hero__sub-text { font-size:14px; padding: 10px 0 12px; } } @media only screen and (max-width: 1100px) { body { font-size:19px; } .hero__sub-text { flex-wrap:wrap; font-size: 16px; } } @media only screen and (max-width: 950px) { body { font-size:18px; } } @media only screen and (max-width: 800px) { .hero__sub-text { text-align:center; justify-content: center; font-size: 20px; } .hero__sub-text__el { width: auto; text-align: center; } } @media only screen and (max-width: 500px) { body { font-size:16px; } .hero__sub-text { font-size:16px; } } h1 { font-size: clamp(1.625rem, 1.0347rem + 1.8889vw, 3.75rem); } h2 { font-size: clamp(2.1875rem, -1.5625rem + 3vw, 2.75rem); }