.brxe-container {width: 80%; max-width: 1440px} .woocommerce main.site-main {width: 80%} #brx-content.wordpress {width: 80%; max-width: 1440px}:where(:root) .bricks-color-secondary {color: var(--bricks-color-fmdclf)}:where(:root) .bricks-background-secondary {background-color: var(--bricks-color-fmdclf)}:where(:root) .bricks-color-primary {color: var(--bricks-color-suhaeg)}:where(:root) .bricks-background-primary {background-color: var(--bricks-color-suhaeg)} .bricks-button {font-family: "Titulos"; color: var(--bricks-color-suhaeg); border: 2px solid var(--bricks-color-fmdclf); border-radius: 5px; padding-top: 10px; padding-right: 35px; padding-bottom: 10px; padding-left: 35px} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: var(--bricks-color-fmdclf)} .bricks-button:hover {color: var(--bricks-color-fmdclf); border-color: var(--bricks-color-qaexrp)} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline):hover {background-color: var(--bricks-color-suhaeg)} h1 {font-size: 60px} h2 {font-size: 50px} h3 {font-size: 40px} .bricks-type-hero {font-family: "Titulos"; font-size: 50px} .bricks-type-lead {font-family: "Titulos"; font-size: 19px}@media (max-width: 991px) { .bricks-type-hero {font-size: 40px} h1 {font-size: 50px} h2 {font-size: 40px} h3 {font-size: 30px}}@media (max-width: 767px) { .bricks-type-hero {font-size: 35px} h1 {font-size: 30px} h2 {font-size: 25px} h3 {font-size: 25px}}@media (max-width: 478px) { .bricks-type-hero {font-size: 30px}}