.brxe-container {width: 85%; max-width: 1440px; margin-top: 5%; margin-bottom: 5%} .woocommerce main.site-main {width: 85%} #brx-content.wordpress {width: 85%; max-width: 1440px} h1 {font-family: "Playfair_Display"; font-weight: 400; font-size: 51px; font-style: italic; color: var(--bricks-color-vumhaq)} h2 {font-weight: 400; font-size: 40px; font-style: normal; color: var(--bricks-color-vumhaq); font-family: "GildaDisplay-Regular"; line-height: 56px} h3 {font-family: "BarlowCondensed"; font-weight: 300; font-size: 19px; text-transform: uppercase; letter-spacing: 3px; color: #666666} h4 {font-family: "GildaDisplay-Regular"; font-weight: 400; font-size: 20px; line-height: 30px} .bricks-type-hero {font-family: "Rubick"; font-weight: 400; font-size: 14px; line-height: 25px; color: #666666} :root .bricks-button[class*="primary"] {font-family: "Rubick"; text-transform: uppercase; font-weight: 400; color: var(--bricks-color-njnmyw); border: 1px solid var(--bricks-color-pmowva)} :root .bricks-button[class*="primary"]:not(.outline) {background-color: #ffffff} :root .bricks-button[class*="secondary"] {font-family: "Rubick"; font-weight: 400; text-transform: uppercase; border: 1px solid var(--bricks-color-pmowva)} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: #86714d} :root .bricks-button[class*="primary"]:hover {color: var(--bricks-color-9155e9)} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: var(--bricks-color-njnmyw)} :root .bricks-button[class*="secondary"]:hover {color: var(--bricks-color-njnmyw)} :root .bricks-button[class*="secondary"]:not(.outline):hover {background-color: #ffffff}@media (max-width: 767px) { .brxe-container {margin-top: 20%; margin-bottom: 20%} h1 {font-size: 30px} h3 {font-size: 15px}}@media (max-width: 478px) { .brxe-container {margin-top: 20%; margin-bottom: 20%} h1 {font-size: 24px} h3 {font-size: 14px} h2 {font-size: 30px}}