html {background-color: var(--base-1000)} body {background: none} body {color: var(--base-300); font-size: var(--body-text-m); font-family: "Archivo"; font-weight: 400; line-height: var(--lh-body); letter-spacing: var(--ls-tight)} h1, h2, h3, h4, h5, h6 {color: var(--base-100); font-weight: 800; line-height: var(--lh-heading); letter-spacing: var(--ls-tight)} h1 {font-size: var(--heading1)} h2 {font-size: var(--heading2)} h3 {font-size: var(--heading3); font-weight: 700} h4 {font-size: var(--heading4); font-weight: 700} .bricks-button {font-weight: 500; line-height: var(--lh-heading); letter-spacing: var(--ls-tight); color: var(--base-100); padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0} .bricks-button.sm {padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; font-size: var(--body-text-s)} .brxe-container {width: 100%} .woocommerce main.site-main {width: 100%} #brx-content.wordpress {width: 100%} .brxe-section {padding-right: var(--space-4xl); padding-left: var(--space-4xl)}@media (max-width: 991px) { .brxe-container {width: 90%; max-width: 90%} .woocommerce main.site-main {width: 90%} #brx-content.wordpress {width: 90%; max-width: 90%} .brxe-section {padding-right: 0; padding-left: 0}}