.brxe-container {width: 60%; max-width: 90%; padding-top: 5%; padding-bottom: 5%} .woocommerce main.site-main {width: 60%} #brx-content.wordpress {width: 60%; max-width: 90%} body {font-family: "Montserrat"} h1 {font-family: "Montserrat"; font-size: 55px; text-transform: uppercase} h2 {font-family: "Montserrat"; text-transform: uppercase; font-weight: 400; font-size: 25px} h3 {font-family: "Montserrat"; text-transform: uppercase} h4 {font-family: "Montserrat"} h5 {font-family: "Montserrat"} h6 {font-family: "Montserrat"} .bricks-button {color: var(--bricks-color-rcuish); text-transform: uppercase; border-width: 1px; border-color: var(--bricks-color-rcuish); border-radius: 5px} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: var(--bricks-color-csitpb)} :root .bricks-button[class*="primary"] {color: var(--bricks-color-rcuish); text-transform: uppercase; border: 1px solid var(--bricks-color-rcuish); border-radius: 5px} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--bricks-color-csitpb)} :root .bricks-button[class*="secondary"] {color: var(--bricks-color-6fe1e5); text-transform: uppercase; border: 1px solid var(--bricks-color-csitpb); border-radius: 5px} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: var(--bricks-color-rcuish)} :root .bricks-button[class*="secondary"]:hover {color: var(--bricks-color-rcuish); border-color: var(--bricks-color-rcuish)} :root .bricks-button[class*="secondary"]:not(.outline):hover {background-color: var(--bricks-color-csitpb)}@media (max-width: 991px) { .brxe-container {width: 80%} .woocommerce main.site-main {width: 80%} #brx-content.wordpress {width: 80%}}@media (max-width: 478px) { h1 {font-size: 35px} h2 {font-size: 20px} h3 {font-size: 19px} h4 {font-size: 15px}}