body{ overflow-x: hidden; max-width: 100vw; min-height: 100vh; margin: 0; background: linear-gradient(to bottom, #F1F1F1, #CADAE5); background-attachment: fixed;} html {font-size: 100%} body {font-size: 18px; font-family: "Source Sans 3"} h1, h2, h3, h4, h5, h6 {font-weight: 600; font-family: "Source Sans 3"} h1 {font-family: "Source Sans 3"; line-height: 90px; font-size: 80px; letter-spacing: -2%} h2 {font-family: "Source Sans 3"; font-weight: 600; font-size: 60px; line-height: 62px; letter-spacing: 0%} h3 {font-weight: 600; font-family: "Source Sans 3"; font-size: 45px; line-height: 60px; letter-spacing: 0%} h4 {font-size: 32px; line-height: 38px; letter-spacing: 0%; font-family: "Source Sans 3"; font-weight: 600} h5 {font-size: 28px; font-family: "Source Sans 3"; font-weight: 600; line-height: 30px; letter-spacing: 0%} h6 {font-size: 24px; font-family: "Source Sans 3"; font-weight: 600; line-height: 32px; letter-spacing: 0%} .brxe-container {column-gap: 100px; width: var(--grid-size); padding-right: 1rem; padding-left: 1rem} .woocommerce main.site-main {width: var(--grid-size)} #brx-content.wordpress {width: var(--grid-size)} .brxe-section {padding-top: var(--section-padding); padding-bottom: var(--section-padding)} .bricks-button {line-height: 30px; padding-top: 0.25em; padding-bottom: 0.25em} .bricks-button:where(.bricks-background-primary), .bricks-button:where(.bricks-color-primary) {font-size: 18px; font-weight: 600; font-family: "Source Sans 3"}@media (max-width: 991px) { h2 {font-size: 40px; line-height: 42px} .brxe-container {column-gap: 50px} .brxe-section {padding-top: calc(var(--section-padding) / 2); padding-bottom: calc(var(--section-padding) / 2)}}@media (max-width: 767px) { h1 {font-size: 40px; line-height: 45px}}