.brxe-container {width: 85%; max-width: 1440px} .woocommerce main.site-main {width: 85%} #brx-content.wordpress {width: 85%; max-width: 1440px} h1 {font-size: 70px} h2 {font-size: 40px} h3 {font-size: 25px} h4 {font-size: 22px} .bricks-type-hero {font-size: 55px} .bricks-type-lead {font-size: 15px} .bricks-button {color: #f5f5f5; text-transform: uppercase; font-weight: 700; border: 1px solid #424242} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: #424242} :root .bricks-button[class*="primary"]:not(.outline) {background-color: #3a3a3a} :root .bricks-button[class*="primary"] {color: #f5f5f5; text-transform: uppercase} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: var(--bricks-color-chjvzz)} :root .bricks-button[class*="secondary"] {color: #000000; text-transform: uppercase; border: 1px solid var(--bricks-color-chjvzz)} :root .bricks-button[class*="secondary"]:not(.outline):hover {background-color: var(--bricks-color-ogogxl)} :root .bricks-button[class*="primary"]:hover {color: #424242; border: 1px solid #424242} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: #ffffff} :root .bricks-button[class*="secondary"]:hover {color: var(--bricks-color-9c33ed); border: 1px solid var(--bricks-color-ogogxl)}@media (max-width: 991px) { h1 {font-size: 60px}}@media (max-width: 767px) { h1 {font-size: 55px} h2 {font-size: 35px}}@media (max-width: 478px) { h1 {font-size: 40px} h2 {font-size: 30px} .bricks-type-hero {font-size: 40px}}