html {background-color: var(--secondary)} body {background: none} .brxe-container {width: 1200px} .woocommerce main.site-main {width: 1200px} #brx-content.wordpress {width: 1200px} body {font-family: "Inter"; font-weight: 400} h1, h2, h3, h4, h5, h6 {font-family: "Montserrat"; font-weight: 500} h1 {font-size: 24px; text-transform: uppercase; font-weight: 500; letter-spacing: 4px; color: var(--bricks-color-acss_import_white)} h2 {font-family: "Inter"; font-weight: 400; letter-spacing: 4px; text-transform: uppercase; color: var(--bricks-color-acss_import_white); font-size: var(--text-l)} h4 {font-size: 14px; color: var(--bricks-color-acss_import_white); text-transform: uppercase; letter-spacing: 1.3px} .bricks-type-hero {color: var(--action)} .bricks-button {font-family: "Montserrat"; color: var(--bricks-color-acss_import_white); font-size: 16px; font-weight: 600; letter-spacing: 0.5px} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: var(--action)} .bricks-button.lg {padding-top: 16px; padding-right: 48px; padding-bottom: 16px; padding-left: 48px} :root .bricks-button[class*="primary"] {color: var(--primary); font-family: "Inter"; font-weight: 500; font-size: var(--text-m)} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--bricks-color-acss_import_white)} .bricks-button.xl {padding-top: 16px; padding-right: 102px; padding-bottom: 16px; padding-left: 102px} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline):hover {background-color: #f78157}