body {font-family: "Barlow"; font-size: 1.8rem} h1 {color: var(--primary); font-size: var(--text-3xl); margin-top: var(--space-xl)} h2 {font-size: 2.6rem; font-family: "Barlow"; color: var(--primary); margin-top: var(--space-m)} h3 {font-size: 2.2rem; color: var(--primary); margin-top: var(--space-m)} h4 {color: var(--primary)} blockquote {font-size: 2rem; color: var(--primary-d-1); font-family: "Barlow"} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: var(--primary)} .bricks-button {color: var(--light)} :root .bricks-button[class*="primary"] {color: var(--light)} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--primary)} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: var(--primary-d-3)} .brx-boxed {max-width: 1200px} .brx-boxed #brx-header.brx-sticky {max-width: 1200px; margin-left: auto; margin-right: auto} html {background-color: #fffef5} body {background: none} .brxe-section {margin-right: var(--space-xs); margin-left: var(--space-xs); align-items: center}:where(:root) .bricks-color-primary {color: var(--primary)}:where(:root) .bricks-background-primary {background-color: var(--primary)}:where(:root) .bricks-color-secondary {color: var(--secondary)}:where(:root) .bricks-background-secondary {background-color: var(--secondary)}:where(:root) .bricks-color-light {color: var(--light)}:where(:root) .bricks-background-light {background-color: var(--light)}:where(:root) .bricks-color-dark {color: var(--dark)}:where(:root) .bricks-background-dark {background-color: var(--dark)} #brx-content {margin-right: var(--space-4xs); margin-left: var(--space-4xs)} .content-area {margin-right: var(--space-4xs); margin-left: var(--space-4xs)}@media (max-width: 478px) { .brxe-section {align-items: center; width: 95%}}