html {background-color: #ffffff} body {background: none} body {font-size: 1.6rem; font-family: "Work Sans"} h1, h2, h3, h4, h5, h6 {color: var(--button); font-size: 3.8rem; font-family: "Archivo"; font-weight: 800} h1 {color: var(--primary); font-size: 4.8rem} h2 {color: var(--primary); font-size: 3.8rem} h3 {color: var(--primary); font-size: 3rem; font-family: "Archivo"; font-weight: 700} h4 {font-size: 2.5rem; font-family: "Archivo"; font-weight: 700; color: var(--primary)} h5 {font-size: 2rem; color: var(--button); font-family: "Archivo"; font-weight: 700} h6 {font-size: 1.8rem; color: var(--button); font-family: "Archivo"; font-weight: 700} .brxe-section {padding-top: 60px; padding-right: 20px; padding-bottom: 60px; padding-left: 20px} .brxe-container {width: 1400px} .woocommerce main.site-main {width: 1400px} #brx-content.wordpress {width: 1400px} .brxe-block {padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0} .brxe-div {padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; flex-direction: column} .brxe-div:where(:not(.brx-dropdown-content)) {display: flex} .bricks-button {font-family: "Open Sans"; font-size: 1.5rem; font-weight: 600}.brxe-icon-box .icon i {font-size: 25px}@media (max-width: 1024px) { h1 {font-size: 4.5rem} h2 {font-size: 3.5rem}}@media (max-width: 768px) { h1 {font-size: 4rem}}@media (max-width: 640px) { body {font-size: 1.5rem} h2 {font-size: 3.3rem} h3 {font-size: 2.8rem} h4 {font-size: 2.2rem}}@media (max-width: 478px) { h2 {font-size: 3rem} h1 {font-size: 3.5rem} h3 {font-size: 2.3rem} h4 {font-size: 2rem} h5 {font-size: 1.8rem} h6 {font-size: 1.69rem}}