:where(:root) .bricks-color-primary {color: var(--primary-color)}:where(:root) .bricks-background-primary {background-color: var(--primary-color)}:where(:root) .bricks-color-secondary {color: var(--secondary-color)}:where(:root) .bricks-background-secondary {background-color: var(--secondary-color)} .brxe-section {padding-top: 100px; padding-right: 40px; padding-bottom: 100px; padding-left: 40px} .brxe-container {width: 1440px} .woocommerce main.site-main {width: 1440px} #brx-content.wordpress {width: 1440px} body {font-size: 18px; line-height: 1.2} h1, h2, h3, h4, h5, h6 {font-family: "Bebas Neue"; font-weight: 400; line-height: 0.9} h1 {font-size: 75px; font-weight: 500; line-height: 0.9} h2 {font-size: 40px} h3 {font-size: 30px} h4 {font-size: 20px}@media (max-width: 1200px) { .brxe-section {padding-top: 90px; padding-right: 30px; padding-bottom: 90px; padding-left: 30px} h1 {font-size: 70px} h2 {font-size: 35px} h3 {font-size: 25px}}@media (max-width: 1024px) { .brxe-section {padding-top: 80px; padding-right: 25px; padding-bottom: 80px; padding-left: 25px} h1 {font-size: 65px} h2 {font-size: 30px} h3 {font-size: 23px} h4 {font-size: 19px} body {font-size: 17px}}@media (max-width: 767px) { .brxe-section {padding-top: 70px; padding-right: 20px; padding-bottom: 70px; padding-left: 20px} h1 {font-size: 60px} h3 {font-size: 21px}}@media (max-width: 520px) { .brxe-section {padding-top: 60px; padding-right: 15px; padding-bottom: 60px; padding-left: 15px} h1 {font-size: 55px} h2 {font-size: 28px} h4 {font-size: 18px} body {font-family: "Inter"}}@media (max-width: 320px) { .brxe-section {padding-top: 50px; padding-right: 15px; padding-bottom: 50px; padding-left: 15px} h1 {font-size: 45px} h3 {font-size: 20px} body {font-size: 16px}}