:where(:root) .bricks-color-primary {color: var(--bricks-color-hxizlt)}:where(:root) .bricks-background-primary {background-color: var(--bricks-color-hxizlt)} html {font-size: 100%} body {font-size: 16px; font-family: "Outfit"; font-weight: 300; line-height: 1.75; color: var(--bricks-color-wjvreu)} h1 {font-size: 76px; font-family: "Newsreader Display"; line-height: 1; letter-spacing: -2.5px; font-weight: 300; margin-top: 0} h2 {font-size: 42px; font-family: "Newsreader Display"; line-height: 1; letter-spacing: -1px; font-weight: 300; margin-top: 0} h3 {font-size: 35px; font-family: "Newsreader Display"; font-weight: 300; line-height: 1; letter-spacing: -0.75px; margin-top: 0} h4 {font-size: 29px; font-family: "Newsreader Display"; font-weight: 300; line-height: 1; letter-spacing: -0.5px; margin-top: 0} h5 {font-size: 24.5px; font-family: "Outfit"; font-weight: 300; line-height: 1.25; letter-spacing: -1px; margin-top: 0} h6 {font-size: 21px; font-family: "Outfit"; font-weight: 300; line-height: 1.5; letter-spacing: -0.75px; margin-top: 0} .bricks-button {transition: 0.15s all ease-in-out; font-family: "Outfit"; font-weight: 300; letter-spacing: 0px; font-size: 16px; line-height: 1; border-radius: 35px} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--bricks-color-hxizlt)} :root .bricks-button[class*="primary"] {color: var(--bricks-color-ikavwh); border-radius: 35px} :root .bricks-button[class*="primary"]:hover {color: var(--bricks-color-ikavwh)} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: #2440a6} :root .bricks-button[class*="primary"]:active {color: var(--bricks-color-ikavwh)} :root .bricks-button[class*="primary"]:not(.outline):active {background-color: #2440a6} :root .bricks-button[class*="primary"]:focus {color: var(--bricks-color-ikavwh)} :root .bricks-button[class*="primary"]:not(.outline):focus {background-color: #2440a6} :root .bricks-button[class*="light"]:where(:not(.bricks-lightbox)):hover {color: var(--bricks-color-ikavwh)} :root .bricks-button[class*="light"]:not(.outline):where(:not(.bricks-lightbox)):hover {background-color: var(--bricks-color-hxizlt)} :root .bricks-button[class*="light"]:where(:not(.bricks-lightbox)):active {color: var(--bricks-color-ikavwh)} :root .bricks-button[class*="light"]:not(.outline):where(:not(.bricks-lightbox)):active {background-color: var(--bricks-color-hxizlt)} :root .bricks-button[class*="light"]:where(:not(.bricks-lightbox)):focus {color: var(--bricks-color-ikavwh)} :root .bricks-button[class*="light"]:not(.outline):where(:not(.bricks-lightbox)):focus {background-color: var(--bricks-color-hxizlt)} .bricks-button.md {padding-top: var(--space-xxs); padding-right: var(--space-xm); padding-bottom: var(--space-xxs); padding-left: var(--space-xm)} .bricks-button.lg {padding-top: var(--space-xs); padding-right: var(--space-lg); padding-bottom: var(--space-xs); padding-left: var(--space-lg); font-size: 18px} .bricks-button.sm {padding-top: var(--space-mini); padding-right: var(--space-xs); padding-bottom: var(--space-mini); padding-left: var(--space-xs)} :root .bricks-button[class*="light"]:where(:not(.bricks-lightbox)) {color: var(--bricks-color-wjvreu)} :root .bricks-button[class*="light"]:not(.outline):where(:not(.bricks-lightbox)) {background-color: var(--bricks-color-gzgfgn)}@media (max-width: 767px) { h1 {font-size: 49px; letter-spacing: -1px} h2 {font-size: 34px; letter-spacing: -0.75px} h3 {font-size: 30.5px; letter-spacing: -0.75px} h4 {font-size: 27px} h5 {font-size: 24px; letter-spacing: 3px}}