h1 {font-family: "Raleway"; font-weight: 600; font-style: normal; font-size: 100px} h2 {font-family: "Raleway"; font-size: 58px; font-weight: 600; font-style: normal; text-transform: uppercase} h3 {font-size: 30px; font-family: "Raleway"; font-weight: 600; font-style: normal} h4 {font-family: "Monserrat"; font-size: 20px; font-weight: 500; font-style: normal} .bricks-type-hero {font-family: "Monserrat"; font-weight: 400; font-style: normal; font-size: 20px} :root .bricks-button[class*="primary"] {font-family: "Monserrat"; font-size: 14px; font-weight: 600; font-style: normal; color: var(--bricks-color-dd586d); text-transform: uppercase; border: 1px solid rgba(245, 245, 245, 0)} .bricks-button {padding-top: 1em; padding-right: 2em; padding-bottom: 1em; padding-left: 2em} :root .bricks-button[class*="secondary"] {color: var(--bricks-color-caljhn); font-family: "Monserrat"; font-weight: 600; font-style: normal; font-size: 14px; text-transform: uppercase; border: 1px solid var(--bricks-color-caljhn)}:where(:root) .bricks-color-primary {color: var(--bricks-color-caljhn)}:where(:root) .bricks-background-primary {background-color: var(--bricks-color-caljhn)}:where(:root) .bricks-color-secondary {color: #ffffff}:where(:root) .bricks-background-secondary {background-color: #ffffff} .brxe-section {padding-top: 5%; padding-bottom: 5%} .brxe-container {width: 80%; max-width: 1440px} .woocommerce main.site-main {width: 80%} #brx-content.wordpress {width: 80%; max-width: 1440px}@media (max-width: 767px) { h2 {font-size: 23px} .bricks-type-hero {font-size: 17px}}