html {font-size: 16px} body {font-family: "Montserrat"; line-height: 1.4; color: var(--color-2); font-size: 1rem; font-weight: 400; letter-spacing: -0.05em} h1, h2, h3, h4, h5, h6 {line-height: 1.2; font-family: "BebasNeue"; font-weight: 400; letter-spacing: 0px} .brxe-section {padding-top: 6em; padding-bottom: 6em} .bricks-button {color: var(--color-2); line-height: 1; text-wrap: nowrap; font-family: "BebasNeue"; font-weight: 400; letter-spacing: 0.05em; padding-top: 0.9em; padding-right: 1.2em; padding-bottom: 0.8em; padding-left: 1.2em; border: 1px solid var(--color-1)} .bricks-button.sm {padding-top: 0.9em; padding-right: 1.2em; padding-bottom: 0.8em; padding-left: 1.2em} .bricks-button.md {padding-top: 0.9em; padding-right: 1.2em; padding-bottom: 0.8em; padding-left: 1.2em} .bricks-button.lg {padding-top: 0.9em; padding-right: 1.2em; padding-bottom: 0.8em; padding-left: 1.2em} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: var(--color-1)} :root .bricks-button[class*="secondary"] {color: var(--color-1); border-color: #f3f3f3} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: #f3f3f3} :root .bricks-button[class*="light"]:where(:not(.bricks-lightbox)) {color: var(--color-2); border-color: var(--color-2)} :root .bricks-button[class*="dark"] {color: var(--color-1); border-color: var(--color-1)} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--color-1)} :root .bricks-button[class*="primary"] {color: var(--color-2); border-color: var(--color-1)} .bricks-button.xl {padding-top: 0.9em; padding-right: 1.2em; padding-bottom: 0.8em; padding-left: 1.2em} .brxe-container {width: 100%; padding-right: 4em; padding-left: 4em} .woocommerce main.site-main {width: 100%} #brx-content.wordpress {width: 100%} html {background-color: var(--color-1)} body {background: none}@media (max-width: 767px) { .brxe-section {padding-top: 4em; padding-bottom: 4em} .brxe-container {padding-right: 1.5em; padding-left: 1.5em}}