*, *:focus, *:hover, *:active {outline: none !important; } html, body {min-width: 220px; } html {height: 100%;scroll-behavior: smooth;font-size: 13px; } @media (min-width: 576px) {html {font-size: 13px;} } @media (min-width: 768px) {html {font-size: 13px;} } @media (min-width: 992px) {html {font-size: 14px;} } @media (min-width: 1312px) {html {font-size: 14px;} } @media (min-width: 1920px) {html {font-size: 14px;} } body {display: flex;flex-direction: column;min-height: 100%;font-optical-sizing: auto;min-width: 320px; } body > .background {position: fixed;top: 0;height: 100%;display: block;z-index: 0;width: 1920px;left: 50%;transform: translateX(-50%); } body > .banner {position: relative;z-index: 1;padding: 0; } body > .banner.footer-banner {background-color: var(--white); } @media (min-width: 1312px) {body > .banner.footer-banner {padding: 2.1428571429rem 4.8571428571rem;} } @media (max-width: 767.98px) {body > .banner {display: none;} } .main {flex-grow: 1;z-index: 2;display: flex;flex-direction: column;width: 100%;max-width: 1418px;margin: 0 auto; } .main > .container {background: var(--white);padding-bottom: 4.1428571429rem;z-index: 1;position: relative;flex-grow: 1; } @media (min-width: 1312px) {.main > .container {padding-left: 4.8571428571rem;padding-right: 4.8571428571rem;} }