.container { margin: 0 auto; width: 1280px; position: relative; min-height: 695px; } @media (min-width: 1720px) { .container { width: 1720px; } } /*@media (max-width: 1019.98px) {*/ /* .container {*/ /* width: 720px*/ /* }*/ /*}*/ /*@media (max-width: 767.98px) {*/ /* .container {*/ /* margin: 0 15px;*/ /* width: auto*/ /* }*/ /*}*/ :root { --color-primary: #FF613A; --color-white: #FFFFFF; --color-black: #000000; --color-black2: #272424; --color-grey: #F1F1F1; --color-grey2: #7A7979; --color-orange: #FF613A; --box-shadow-primary: -1px 4px 10px 0 rgba(198, 199, 203, 0.20), 0 -1px 10px 0 rgba(198, 199, 203, 0.20); text-align: center; color: var(--color-black2); } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-weight: 700; } h1, .h1 { font-size: 44px; line-height: 52px; } @media (min-width: 1720px) { h1, .h1 { font-size: 48px; line-height: 52px; } } h2, .h2 { font-size: 24px; line-height: 36px; margin-bottom: 10px; } @media (min-width: 1720px) { h2, .h2 { font-size: 28px; margin-bottom: 20px; } } h3, .h3 { font-size: 20px; line-height: 28px; margin-bottom: 12px; } h4, .h4 { font-size: 18px; line-height: 26px; margin-bottom: 20px; } p { line-height: 22px; margin-bottom: 20px; } @media (min-width: 1720px) { p { font-size: 20px; line-height: 26px; } } b { font-weight: 500; } .btn { display: inline-flex; text-decoration: none; color: black; line-height: 22px; border-radius: 10px; padding: 20px 76px 18px; justify-content: center; align-items: center; margin: 0 3px; letter-spacing: 0.2px; font-size: 18px; } .btn--primary { background: var(--color-primary); color: var(--color-white); } .title { font-size: 44px; font-weight: 700; line-height: 52px; margin-bottom: 13px; margin-left: auto; margin-right: auto; } @media (min-width: 1720px) { .title { font-size: 48px; margin-bottom: 22px; } } .subtitle { margin-bottom: 81px; line-height: 22px; } @media (min-width: 1720px) { .subtitle { font-size: 20px; margin-bottom: 105px; } } .hide { display: none; } .hide__xxl { display: block; } @media (min-width: 1720px) { .hide__xxl { display: none; } } .show__xxl { display: none; } @media (min-width: 1720px) { .show__xxl { display: block; } } @media (min-width: 1440px) { .is-container.wrapper_main { max-width: initial; } .br--xxl { display: none; } }