.brxe-container {width: 98%; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; column-gap: 20px; row-gap: 20px} .woocommerce main.site-main {width: 98%} #brx-content.wordpress {width: 98%} .brxe-section {column-gap: 20px; row-gap: 20px; padding-top: 20px; padding-bottom: 20px} body {font-family: "Libre Franklin"; font-size: 16px; color: var(--grafit)} h1, h2, h3, h4, h5, h6 {font-family: "Montserrat"; font-weight: 500; color: var(--grafit)} h1 {font-size: 28px; margin-top: 5px; margin-bottom: 5px} h2 {font-size: 26px; margin-top: 5px; margin-bottom: 5px} h3 {font-size: 24px; margin-top: 5px; margin-bottom: 5px} h4 {font-size: 20px; margin-top: 5px; margin-bottom: 5px} h5 {font-size: 18px; margin-top: 5px; margin-bottom: 5px} h6 {font-size: 16px; margin-top: 5px; margin-bottom: 5px} .brxe-block {padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; column-gap: 10px; row-gap: 10px} .brxe-div:where(:not(.brx-dropdown-content)) {display: flex} .brxe-div {column-gap: 10px; row-gap: 10px}@media (max-width: 478px) { h1 {font-size: 32px} body {color: var(--grafit)} h1, h2, h3, h4, h5, h6 {color: var(--grafit)} h2 {font-size: 26px}}