.brxe-container {max-width: 1440px; width: 80%} #brx-content.wordpress {max-width: 1440px; width: 80%} .woocommerce main.site-main {width: 80%} body {font-family: "Roboto"; font-weight: 400; color: #000000; font-size: 16px} h1, h2, h3, h4, h5, h6 {font-family: "Barlow Condensed"; font-weight: 600; text-transform: uppercase} .bricks-type-hero {font-size: 50px} .bricks-type-lead {font-family: "Ibarra Italica"; font-style: italic; font-weight: 400} :root .bricks-button[class*="primary"] {color: #946433; letter-spacing: .175em; border: 1px solid var(--bricks-color-xuwzic)} :root .bricks-button[class*="primary"]:not(.outline) {background-color: rgba(255, 255, 255, 0)} .bricks-button {font-family: "Barlow Condensed"; font-size: 19px; padding-top: 15px; padding-right: 50px; padding-bottom: 15px; padding-left: 50px} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: var(--bricks-color-uaavtz)} :root .bricks-button[class*="secondary"] {color: #946433; border: 1px solid var(--bricks-color-xuwzic)} :root .bricks-button[class*="secondary"]:not(.outline):hover {background-color: var(--bricks-color-xuwzic)} :root .bricks-button[class*="secondary"]:hover {color: var(--bricks-color-uaavtz); border-color: var(--bricks-color-uaavtz)} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: var(--bricks-color-xuwzic)} :root .bricks-button[class*="primary"]:hover {color: var(--bricks-color-uaavtz)}:where(:root) .bricks-color-primary {color: var(--bricks-color-xuwzic)}:where(:root) .bricks-background-primary {background-color: var(--bricks-color-xuwzic)}@media (max-width: 478px) { .bricks-type-hero {font-size: 30px} h1 {font-size: 30px} h2 {font-size: 27px} h3 {font-size: 25px} h4 {font-size: 22px} h5 {font-size: 20px} h6 {font-size: 18px}}