.brxe-container {width: 100%; max-width: 1320px} .woocommerce main.site-main {width: 100%} #brx-content.wordpress {width: 100%; max-width: 1320px} html {font-size: 100%} body {font-family: "Space Grotesk"; font-size: var(--f-text-base); line-height: 1.5} h1 {font-size: var(--f-h1); line-height: 1; font-weight: 700} h2 {font-weight: 700; font-size: var(--f-h2); line-height: 1.2} h3 {font-size: var(--f-h3); font-weight: 700; line-height: 1.3} h4 {font-size: var(--f-h4); font-weight: 700; line-height: 1.35} h5 {font-weight: 600; font-size: var(--f-h5); line-height: 1.35} h6 {font-size: var(--f-h6); font-weight: 600; line-height: 1.4} .bricks-button.md {font-size: var(--f-text-l); padding-top: 1rem; padding-right: 1.75rem; padding-bottom: 1rem; padding-left: 1.75rem} .bricks-button {color: var(--f-color-white); font-size: var(--f-text-base); line-height: 1.1em; font-weight: 600; padding-top: 0.75rem; padding-right: 1.5rem; padding-bottom: 0.75rem; padding-left: 1.5rem} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: var(--f-color-red-700)} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline):hover {background-color: var(--f-color-red-900)} .brxe-section {padding-top: var(--f-space-m); padding-right: var(--f-space-m); padding-bottom: var(--f-space-m); padding-left: var(--f-space-m)}@media (max-width: 1399px) { .brxe-container {max-width: 1140px} #brx-content.wordpress {max-width: 1140px}}@media (max-width: 1199px) { .brxe-container {max-width: 960px} #brx-content.wordpress {max-width: 960px}}@media (max-width: 991px) { .brxe-container {max-width: 720px} #brx-content.wordpress {max-width: 720px}}@media (max-width: 767px) { .brxe-container {max-width: 540px} #brx-content.wordpress {max-width: 540px}}@media (max-width: 575px) { .brxe-container {max-width: 420px} #brx-content.wordpress {max-width: 420px}}