body{ overflow-x: hidden;}.red-button:hover { color: #ff0017 !important; transition: all 800ms ease;} .brxe-container {width: 1600px; padding-right: 20px; padding-left: 20px} .woocommerce main.site-main {width: 1600px} #brx-content.wordpress {width: 1600px} body {font-family: "Campton"; font-weight: 400; font-size: 18px; line-height: 1.4; color: var(--text)} h1, h2, h3, h4, h5, h6 {line-height: 1.2; color: var(--text); font-weight: 500} h2 {font-size: 49px; text-transform: uppercase; font-weight: 500; color: var(--dark-blue)} h3 {font-size: 24px} h4 {font-size: 18px; font-family: "Campton"; font-weight: 500} .bricks-button {transition: all 0.3s ease; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0} .bricks-button:where(.bricks-background-primary), .bricks-button:where(.bricks-color-primary) {font-size: 24px; text-transform: uppercase; line-height: 1; letter-spacing: 1px} .bricks-button:where(.bricks-background-primary:not(.outline)) {background-color: rgba(255, 255, 255, 0)}@media (max-width: 1649px) { html {font-size: 55.5%}}@media (max-width: 1366px) { .brxe-container {width: 1325px} .woocommerce main.site-main {width: 1325px} #brx-content.wordpress {width: 1325px}}@media (max-width: 1080px) { .brxe-container {padding-right: 30px; padding-left: 30px}}@media (max-width: 767px) { .brxe-container {width: 100%} .woocommerce main.site-main {width: 100%} #brx-content.wordpress {width: 100%} html {font-size: 40%}}@media (max-width: 478px) { .brxe-container {padding-right: 20px; padding-left: 20px}}@media (max-width: 400px) { body {font-size: 16px}}