.brxe-container {width: 100%; justify-content: center; max-width: 1200px; flex-direction: row; align-items: center} .woocommerce main.site-main {width: 100%} #brx-content.wordpress {width: 100%; max-width: 1200px} .brxe-section {flex-direction: row; justify-content: center; align-items: center; padding-top: var(--th-section-padding-top); padding-right: var(--th-section-padding-rt); padding-bottom: var(--th-section-padding-bot); padding-left: var(--th-section-padding-lt)} html {font-size: 100%} body {font-size: 18px; font-family: "Inter"; font-weight: 500; line-height: 1.5em} .bricks-type-hero {font-family: "Poppins"; font-weight: 700; line-height: 1.3em; letter-spacing: 0.8px; font-size: 48px} .bricks-type-lead {font-size: 18px; font-family: "Inter"; font-weight: 500; line-height: 1.5em} .brxe-block {justify-content: center; flex-direction: column}@media (max-width: 950px) { .bricks-type-lead {text-align: center}}@media (max-width: 600px) { .brxe-section {padding-top: var(--th-section-padding-top-fp); padding-right: var(--th-section-padding-rt-fp); padding-bottom: var(--th-section-padding-bot-fp); padding-left: var(--th-section-padding-lt-fp)} .bricks-type-hero {font-size: 36px} .bricks-type-lead {font-size: 18px}}@media (max-width: 480px) { .brxe-section {padding-top: var(--th-section-padding-top-mobile); padding-right: var(--th-section-padding-rt-mobile); padding-bottom: var(--th-section-padding-bot-mobile); padding-left: var(--th-section-padding-lt-mobile)} .bricks-type-hero {font-size: 28px} .bricks-type-lead {font-size: 16px} body {font-size: 16px}}