.brxe-container {width: 80%} .woocommerce main.site-main {width: 80%} #brx-content.wordpress {width: 80%} body {font-family: "Mulish"; font-size: 1.4em} h1 {font-family: "MADE-TOMMY"; font-size: 40px} h2 {font-size: 35px; font-family: "MADE-TOMMY"; font-weight: 700} h3 {font-size: 30px; font-family: "MADE-TOMMY"} h4 {font-size: 25px; font-family: "Fraunces"}:where(:root) .bricks-color-primary {color: var(--bricks-color-vdyksj)}:where(:root) .bricks-background-primary {background-color: var(--bricks-color-vdyksj)}:where(:root) .bricks-color-secondary {color: var(--bricks-color-xavhef)}:where(:root) .bricks-background-secondary {background-color: var(--bricks-color-xavhef)}:where(:root) .bricks-color-light {color: var(--bricks-color-crelll)}:where(:root) .bricks-background-light {background-color: var(--bricks-color-crelll)}:where(:root) .bricks-color-dark {color: var(--bricks-color-jqyfga)}:where(:root) .bricks-background-dark {background-color: var(--bricks-color-jqyfga)} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--bricks-color-grey-900)} :root .bricks-button[class*="primary"] {color: var(--bricks-color-ntwfmi); font-family: "MADE-TOMMY"} .bricks-button {padding-top: 10px; padding-right: 30px; padding-bottom: 10px; padding-left: 30px} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: var(--bricks-color-grey-800)} :root .bricks-button[class*="primary"]:hover {color: var(--bricks-color-esftfk)}@media (max-width: 1550px) { h3 {font-size: 25px}}@media (max-width: 991px) { h1 {font-size: 35px} h2 {font-size: 30px} h3 {font-size: 25px}}@media (max-width: 767px) { h1 {font-size: 30px} h2 {font-size: 25px} h3 {font-size: 20px}}@media (max-width: 478px) { h1 {font-size: 25px} h2 {font-size: 25px} h3 {font-size: 20px}}@media (max-width: 375px) { h1 {font-size: 20px} h2 {font-size: 25px} h3 {font-size: 20px}}