html {background-color: var(--bricks-color-vwhdmh)} body {background: none} html {font-size: 100%} body {font-weight: 400; line-height: 1.5; font-size: 1.125rem; color: var(--bricks-color-kkntms); font-family: "Inter Variable"} h1, h2, h3, h4, h5, h6 {text-transform: uppercase; color: var(--bricks-color-gdxhlj); font-family: "Clash Display Variable"} h1 {text-align: center; font-size: 4rem; line-height: 1; font-weight: 600; margin-top: 0.5rem; margin-bottom: 0.5rem} h2 {font-weight: 600; font-size: 3.44rem; text-align: center; line-height: 1.1} h3 {font-weight: 600; font-size: 2rem; line-height: 1.2} .brxe-container {max-width: 80rem; align-items: center; width: 100%} #brx-content.wordpress {max-width: 80rem; width: 100%} .woocommerce main.site-main {width: 100%} .brxe-section {display: block; padding-right: 2.5rem; padding-left: 2.5rem}@media (max-width: 991px) { h1 {font-size: 2.8rem} h2 {font-size: 1.8rem} h3 {font-size: 1.4rem} body {font-size: 1rem}}@media (max-width: 767px) { h1 {font-size: 2.1rem} h3 {font-size: 1.3rem} .brxe-section {padding-right: 2rem; padding-left: 2rem}}@media (max-width: 478px) { .brxe-section {padding-right: 1.5rem; padding-left: 1.5rem}}