html {background-color: var(--bricks-color-symoyx)} body {background: none} .brxe-section {padding-right: 20px; padding-left: 20px} .brxe-container {width: 1200px} .woocommerce main.site-main {width: 1200px} #brx-content.wordpress {width: 1200px} body {font-family: "DM Sans"; font-weight: 500; font-size: clamp(16px, 1vw, 18px); color: var(--bricks-color-vuttxu); line-height: 1.67} h1, h2, h3, h4, h5, h6 {font-family: "Kumbh Sans"; line-height: 1.15; color: var(--bricks-color-cvcjpe); text-align: center; font-weight: 700} h1 {font-size: clamp(36px, 5vw, 100px)} h3 {font-family: "Kumbh Sans"; font-size: clamp(20px, 5vw, 48px);; font-weight: 700; line-height: 1.14} h4 {font-weight: 600; font-size: clamp(20px, 5vw, 28px); line-height: 1.25} .bricks-button {font-size: 18px; line-height: 1.28; font-family: "Kumbh Sans"; font-weight: 700; color: var(--bricks-color-cvcjpe); border: 1px solid var(--bricks-color-llybeu); border-radius: 8px; padding-top: 18px; padding-right: 32px; padding-bottom: 18px; padding-left: 32px} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--bricks-color-llybeu)}@media (max-width: 767px) { .brxe-section {padding-right: 15px; padding-left: 15px}}