:where(:root) .bricks-color-primary {color: #4caf50} :where(:root) .bricks-background-primary {background-color: #4caf50} :where(:root) .bricks-color-danger {color: #f44336} :where(:root) .bricks-background-danger {background-color: #f44336} :where(:root) .bricks-color-warning {color: #f44336} :where(:root) .bricks-background-warning {background-color: #f44336} :where(:root) .bricks-color-success {color: #4caf50} :where(:root) .bricks-background-success {background-color: #4caf50} :where(:root) .bricks-color-info {color: #2196f3} :where(:root) .bricks-background-info {background-color: #2196f3} html {font-size: 100%} body {font-size: 16px; font-family: "Open Sans Variable"} h1, h2, h3, h4, h5, h6 {font-family: "Open Sans Variable"} h1 {font-size: clamp(2.027rem, 1.3974rem + 2.0146vw, 3.815rem)} h2 {font-size: clamp(1.802rem, 1.3619rem + 1.4085vw, 3.052rem)} h3 {font-size: clamp(1.602rem, 1.3066rem + 0.9454vw, 2.441rem)} h4 {font-size: clamp(1.424rem, 1.2377rem + 0.5961vw, 1.953rem)} h5 {font-size: clamp(1.266rem, 1.1614rem + 0.3346vw, 1.563rem)} h6 {font-size: clamp(1.125rem, 1.081rem + 0.1408vw, 1.25rem)} .bricks-type-hero {font-size: clamp(2.986rem, 2.0621rem + 2.9566vw, 5.61rem)} .brxe-container {padding-top: 45px; padding-bottom: 45px} @media (max-width: 478px) { .brxe-container {padding-right: 10px; padding-left: 10px} }