.brxe-section {padding-right: 80px; padding-left: 80px} .brxe-container {width: 1280px; column-gap: var(--space-m); row-gap: 28px} .woocommerce main.site-main {width: 1280px} #brx-content.wordpress {width: 1280px} .bricks-button {font-size: var(--mono-l); font-family: "JetBrains Mono"; font-weight: 800; line-height: 1; text-transform: uppercase; transition: .125s all; border: 1px solid var(--bricks-border-color); border-radius: 0; padding-top: 16px; padding-right: 28px; padding-bottom: 16px; padding-left: 28px} .bricks-button.outline {border: 1px solid var(--bricks-border-color); border-radius: 0} html {font-size: 100%} body {font-family: "Saira"; color: var(--ink-body); font-weight: 400} h1, h2, h3, h4, h5, h6 {color: var(--ink-heading); font-family: "Saira Condensed"; font-weight: 700; text-transform: uppercase} h1 {font-size: var(--header-xl); font-weight: 800; line-height: .92} h2 {font-family: "Saira Condensed"; font-weight: 700; line-height: .96; font-size: var(--header-l)} h3 {font-weight: 700; font-family: "Saira Condensed"; font-size: var(--header-m); line-height: .98} h4 {font-size: var(--header-s); font-family: "Saira Condensed"; font-weight: 700; line-height: 1} h5 {font-size: var(--header-xs); font-family: "Saira Condensed"; font-weight: 700; line-height: 1} h6 {font-size: var(--mono-m); font-family: "JetBrains Mono"; font-weight: 700; color: var(--green-600); line-height: 1} .bricks-type-hero {font-size: var(--header-2xl); font-weight: 800; line-height: .92} .bricks-type-lead {font-size: var(--text-l); line-height: 1.65; font-weight: 400}@media (max-width: 767px) { .brxe-section {padding-right: 56px; padding-left: 56px}}@media (max-width: 478px) { .brxe-section {padding-right: 28px; padding-left: 28px}}