.brxe-container {width: 80%; max-width: 1440px} .woocommerce main.site-main {width: 80%} #brx-content.wordpress {width: 80%; max-width: 1440px} body {font-family: "Karla"} h1, h2, h3, h4, h5, h6 {font-family: "Spartan"; font-weight: 500} h1 {font-size: 40px} h2 {font-size: 28px} h3 {font-size: 23px} h4 {font-size: 18px} :root .bricks-button[class*="primary"] {color: var(--bricks-color-cirblq); text-transform: uppercase; border: 2px solid var(--bricks-color-attalr)} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--bricks-color-attalr)} :root .bricks-button[class*="primary"]:hover {color: var(--bricks-color-attalr)} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: var(--bricks-color-cirblq)}.brxe-list .title {font-family: "Spartan"; font-weight: 500}.brxe-list .description {font-family: "Spartan"; font-weight: 400; font-size: 13px}@media (max-width: 991px) { .brxe-container {width: 85%} .woocommerce main.site-main {width: 85%} #brx-content.wordpress {width: 85%}}@media (max-width: 767px) { .brxe-container {width: 90%} .woocommerce main.site-main {width: 90%} #brx-content.wordpress {width: 90%} h1 {font-size: 2.5rem} h2 {font-size: 2rem} h3 {font-size: 1.8rem} h4 {font-size: 1.5rem}}@media (max-width: 478px) { .brxe-container {width: 95%} .woocommerce main.site-main {width: 95%} #brx-content.wordpress {width: 95%}}