h1 {font-family: "Poppins Black"; font-weight: 300; font-size: 50px} h2 {font-size: 35px; font-family: "Poppins Black"; font-weight: 300; font-style: normal} h3 {font-size: 30px; font-family: "Poppins Black"; font-weight: 300} h4 {font-family: "Poppins Black"; font-weight: 200; font-size: 25px} .bricks-type-hero {font-family: "Poppins Black"; font-weight: 300; font-size: 16px} :root .bricks-button[class*="primary"] {font-family: "Poppins Black"; font-weight: 300; color: #ffffff; font-size: 15px; border: 1px solid var(--bricks-color-sknpgb)} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--bricks-color-sknpgb)} .bricks-button {padding-top: 0.8em; padding-right: 1.7em; padding-bottom: 0.8em; padding-left: 1.7em} :root .bricks-button[class*="secondary"] {color: var(--bricks-color-sknpgb); font-size: 15px; font-family: "Poppins Black"; font-weight: 300; border: 1px solid var(--bricks-color-sknpgb)} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: #ffffff} :root .bricks-button[class*="primary"]:hover {color: var(--bricks-color-sknpgb)} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: #ffffff} :root .bricks-button[class*="secondary"]:hover {color: #ffffff} :root .bricks-button[class*="secondary"]:not(.outline):hover {background-color: var(--bricks-color-sknpgb)} .brxe-container {width: 80%; max-width: 1440px} .woocommerce main.site-main {width: 80%} #brx-content.wordpress {width: 80%; max-width: 1440px}@media (max-width: 478px) { h1 {font-size: 40px} h2 {font-size: 30px}}