.brxe-container {width: calc(100% - 160px); max-width: 1280px} .woocommerce main.site-main {width: calc(100% - 160px)} #brx-content.wordpress {width: calc(100% - 160px); max-width: 1280px} html {font-size: 100%} body {font-size: 18px; font-family: "Open Sans"; font-weight: 400; color: var(--bricks-color-xrvdex); line-height: 32px; letter-spacing: var(--letter-spacing-small)} h1, h2, h3, h4, h5, h6 {color: var(--bricks-color-feyqua)} h1 {font-size: 56px; line-height: 80px; font-family: "Mulish"; font-weight: 800} h2 {font-size: 48px; font-family: "Mulish"; font-weight: 800; line-height: 66px} h3 {font-size: 40px; font-family: "Mulish"; font-weight: 700; line-height: 56px} h4 {font-size: 32px; font-family: "Open Sans"; font-weight: 400; line-height: 48px} h5 {font-size: 24px; font-family: "Open Sans"; font-weight: 700; line-height: 32px} h6 {font-size: 20px; font-family: "Open Sans"; font-weight: 500; line-height: 32px} .bricks-type-hero {font-size: 48px; font-family: "Mulish"; font-weight: 800; line-height: 66px}:root .bricks-color-primary {color: var(--bricks-color-bnjxrn)}:root .bricks-background-primary {background-color: var(--bricks-color-bnjxrn)}:root .bricks-color-light {color: var(--bricks-color-gffyec)}:root .bricks-background-light {background-color: var(--bricks-color-gffyec)}:root .bricks-color-dark {color: var(--bricks-color-feyqua)}:root .bricks-background-dark {background-color: var(--bricks-color-feyqua)} .bricks-button {font-size: 16px; font-family: "Mulish"; font-weight: 600; line-height: 20px; color: var(--bricks-color-gffyec); transition: .3s; padding-top: 10px; padding-right: 24px; padding-bottom: 10px; padding-left: 24px; border: 1px solid var(--bricks-color-qipmzi); border-radius: 10px} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--bricks-color-qipmzi)} :root .bricks-button[class*="primary"] {border: 1px solid var(--bricks-color-qipmzi); border-radius: 10px; color: var(--bricks-color-gffyec)} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]) {background-color: var(--bricks-color-qipmzi)} .bricks-button.sm {padding-top: 8px; padding-right: 12px; padding-bottom: 8px; padding-left: 16px; font-size: 14px; font-weight: 600; line-height: 16px} :root .bricks-button[class*="light"]:not(.outline):not(.bricks-lightbox) {background-color: var(--bricks-color-gffyec)} :root .bricks-button[class*="light"] {color: var(--bricks-color-qipmzi); border-color: var(--bricks-color-gffyec)}@media (max-width: 1280px) { .brxe-container {width: calc(100% - 128px); max-width: 100%} .woocommerce main.site-main {width: calc(100% - 128px)} #brx-content.wordpress {width: calc(100% - 128px); max-width: 100%}}@media (max-width: 900px) { .brxe-container {width: calc(100% - 96px)} .woocommerce main.site-main {width: calc(100% - 96px)} #brx-content.wordpress {width: calc(100% - 96px)} h1 {font-size: 40px; line-height: 56px} h4 {font-size: 24px; line-height: 32px} h2 {font-size: 40px; line-height: 56px} .bricks-type-hero {font-size: 40px; line-height: 56px} h3 {font-size: 32px; line-height: 48px}}@media (max-width: 480px) { .brxe-container {width: calc(100% - 40px)} .woocommerce main.site-main {width: calc(100% - 40px)} #brx-content.wordpress {width: calc(100% - 40px)} body {font-size: 16px; line-height: 28px} h1 {font-size: 28px; line-height: 40px} h2 {font-size: 24px; line-height: 32px} h4 {font-size: 20px; line-height: 24px} h6 {font-size: 18px; line-height: 24px} .bricks-type-hero {font-size: 24px; line-height: 32px} h3 {font-size: 22px; line-height: 32px}}