h1 {font-family: "OpenSans"; font-weight: 800; text-transform: uppercase; font-size: 50px} h2 {font-family: "OpenSans"; text-transform: uppercase; font-weight: 600; font-size: 27px} h3 {font-family: "OpenSans"; font-weight: 500; font-size: 26px} h4 {font-family: "OpenSans"; font-weight: 400; color: #f36927; font-size: 18px} .bricks-type-hero {font-family: "OpenSans"; font-size: 17px} :root .bricks-button[class*="primary"] {font-family: "OpenSans"; color: #ffffff; font-size: 17px; text-transform: uppercase; border: 2px solid var(--bricks-color-cusouk)} :root .bricks-button[class*="primary"]:not(.outline) {background-color: #f36927} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: var(--bricks-color-9a3429)} :root .bricks-button[class*="primary"]:hover {color: var(--bricks-color-cusouk)} :root .bricks-button[class*="secondary"] {font-size: 17px; text-transform: uppercase; font-family: "OpenSans"; border: 2px solid var(--bricks-color-1ce8bf)} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: var(--bricks-color-1ce8bf)} :root .bricks-button[class*="secondary"]:not(.outline):hover {background-color: var(--bricks-color-cusouk)} .brxe-section {padding-top: 5%} .brxe-container {width: 90%; min-width: 85%; max-width: 1440px} .woocommerce main.site-main {width: 90%} #brx-content.wordpress {width: 90%; min-width: 85%; max-width: 1440px}@media (max-width: 991px) { h1 {font-size: 33px} h2 {font-size: 19px}}@media (max-width: 478px) { h1 {font-size: 27px} h3 {font-size: 17px}}