.brxe-container {width: 100%; max-width: 1700px} .woocommerce main.site-main {width: 100%} #brx-content.wordpress {width: 100%; max-width: 1700px} .brxe-section {padding-top: 80px; padding-right: 40px; padding-bottom: 80px; padding-left: 40px} body {font-size: clamp(1.4rem,1.4vw,1.8rem); font-family: "Nunito"; font-weight: 300; line-height: 1.4em; color: var(--bricks-color-eoxevv)} h1, h2, h3, h4, h5, h6 {font-family: "Montserrat"; text-transform: uppercase; font-weight: 700} h2 {font-size: clamp(3.6rem,5vw,10rem); text-transform: uppercase; font-weight: 400; line-height: 1.1em} h6 {font-size: clamp(1.4rem,1.4vw,1.6rem)} .bricks-type-hero {font-size: clamp(4.5rem,5vw,9rem); line-height: 1.1em; font-weight: 400} .bricks-type-lead {font-size: clamp(1.4rem,1.6vw,2rem); font-weight: 700; color: var(--bricks-color-htmwtt)} .bricks-button {font-weight: 700; text-transform: uppercase; font-size: clamp(1.4rem,1.8vw,1.8rem); font-family: "Montserrat"; transition: all 0.5s ease} .bricks-button.md {padding-top: 0.75em; padding-right: 1.7em; padding-bottom: 0.75em; padding-left: 1.7em} :root .bricks-button[class*="light"]:not(.outline):not(.bricks-lightbox) {background-color: rgba(0, 0, 0, 0)} :root .bricks-button[class*="light"]:not(.bricks-lightbox) {color: var(--bricks-color-vpfdis); border: 4px solid var(--bricks-color-vpfdis); border-radius: 100px} :root .bricks-button[class*="light"]:not(.bricks-lightbox):hover {color: var(--bricks-color-htmwtt)} :root .bricks-button[class*="light"]:not(.outline):not(.bricks-lightbox):hover {background-color: var(--bricks-color-vpfdis)}@media (max-width: 767px) { .brxe-section {padding-right: 20px; padding-left: 20px}}