.brxe-container {max-width: 1290px; width: 100%; padding-right: 1rem; padding-left: 1rem} #brx-content.wordpress {max-width: 1290px; width: 100%} .woocommerce main.site-main {width: 100%} .bricks-button {padding-top: 0.27rem; padding-bottom: 0.27rem; text-transform: uppercase; font-family: "Roboto Slab"; line-height: 1.6; font-weight: 600; letter-spacing: 2px; border: 1px solid var(--bricks-border-color)} :root .bricks-button[class*="light"]:not(.outline):not(.bricks-lightbox) {background-color: var(--bricks-color-cfjtvw)} :root .bricks-button[class*="light"]:not(.bricks-lightbox) {border-color: var(--bricks-color-cfjtvw)} :root .bricks-button[class*="light"]:not(.outline):not(.bricks-lightbox):hover {background-color: var(--bricks-color-ryjvnj)} :root .bricks-button[class*="light"]:not(.bricks-lightbox):hover {color: var(--bricks-color-cfjtvw)} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--bricks-color-roiafz)} :root .bricks-button[class*="primary"] {color: var(--bricks-color-ryjvnj); border-color: var(--bricks-color-roiafz)} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: var(--bricks-color-ryjvnj)} :root .bricks-button[class*="primary"]:hover {color: var(--bricks-color-roiafz)} body {font-family: "Sofia Sans"; font-size: 18px; line-height: 1.4; font-weight: 300} h1, h2, h3, h4, h5, h6 {font-family: "Roboto Slab"; line-height: 120%} h1 {font-size: 5.2rem} h2 {font-size: 4.3rem} h3 {font-size: 3.4rem; color: var(--bricks-color-roiafz)} h4 {font-size: 2.7rem; color: var(--bricks-color-roiafz)} h5 {font-size: 2.3rem; color: var(--bricks-color-roiafz)}@media (max-width: 478px) { .brxe-container {padding-right: 20px; padding-left: 20px} .bricks-button {font-size: 15px}}