html {font-size: 100%} body {font-size: 18px; color: var(--color-4); font-family: "Onest"; line-height: 1.4} h1, h2, h3, h4, h5, h6 {color: var(--color-3); font-weight: 600} h1 {font-size: 48px; line-height: 1.17} h2 {font-size: 48px; line-height: 1.16}:where(:root) .bricks-color-primary {color: var(--brand500)}:where(:root) .bricks-background-primary {background-color: var(--brand500)}:where(:root) .bricks-color-secondary {color: var(--brand100)}:where(:root) .bricks-background-secondary {background-color: var(--brand100)} .bricks-button {font-size: 18px; font-weight: 500; color: var(--bricks-color-valgpb); line-height: 1.5; border-radius: 8px; padding-top: 1rem; padding-right: 34px; padding-bottom: 1rem; padding-left: 34px; transition: all 0.2s ease-in} .bricks-button.sm {padding-top: 12px; padding-right: 34px; padding-bottom: 12px; padding-left: 34px; font-size: 14px; line-height: 1} .bricks-button.md {padding-top: 10px; padding-right: 34px; padding-bottom: 10px; padding-left: 34px} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: var(--brand500)} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline):hover {background-color: var(--brand700)} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--brand500)} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: var(--brand700)} .brxe-container {width: 1156px} .woocommerce main.site-main {width: 1156px} #brx-content.wordpress {width: 1156px} .brxe-section {padding-top: 96px; padding-right: 20px; padding-bottom: 96px; padding-left: 20px}@media (max-width: 991px) { h2 {font-size: 48px} h1 {font-size: 48px}}@media (max-width: 767px) { h1 {font-size: 48px} h2 {font-size: 32px; line-height: 36px} body {font-size: 16px} .brxe-container {padding-right: 20px; padding-left: 20px}}@media (max-width: 478px) { .brxe-container {padding-right: 12px; padding-left: 12px}}