html {font-size: 100%} body {font-family: "hk grotesk"; color: var(--bricks-color-garnzc); font-size: 16px} h1, h2, h3, h4, h5, h6 {font-family: "Ivy"; font-weight: 400; color: var(--bricks-color-garnzc); line-height: 1.3} .brxe-section {padding-top: 12rem; padding-right: 4rem; padding-left: 4rem} :root .bricks-button[class*="light"]:not(.bricks-lightbox) {text-transform: uppercase; letter-spacing: 1px; font-family: "hk grotesk"; border-top: 4px solid var(--bricks-color-tpteew)} :root .bricks-button[class*="light"]:not(.outline):not(.bricks-lightbox) {background-color: var(--bricks-color-tpteew)} :root .bricks-button[class*="light"]:not(.bricks-lightbox):hover {border-top: 4px solid var(--bricks-color-uzqtjj); border-bottom: 0 solid var(--bricks-color-uzqtjj)} :root .bricks-button[class*="light"].outline {border-top: 1px solid var(--bricks-color-tpteew)}@media (max-width: 991px) { .brxe-section {padding-top: 8rem} :root .bricks-button[class*="light"]:not(.bricks-lightbox) {letter-spacing: 0px; font-family: "hk grotesk"}}@media (max-width: 767px) { .brxe-section {padding-top: 6rem}}@media (max-width: 478px) { .brxe-section {padding-top: 4rem; padding-right: 2rem; padding-left: 2rem} .brxe-container {width: 1000px} .woocommerce main.site-main {width: 1000px} #brx-content.wordpress {width: 1000px}}