body {font-family: "Albert Sans"; font-weight: 500; line-height: var(--body-line-height)} h1, h2, h3, h4, h5, h6 {line-height: var(--heading-line-height); font-weight: 600; font-family: "Kanit"; text-transform: uppercase} h1 {font-size: 56px} h2 {font-size: 48px} h3 {font-size: 38px} h4 {font-size: 24px} h5 {font-size: 19px} body.bricks-is-frontend :focus-visible {outline: thin dotted transparent } @supports not selector(:focus-visible) { body.bricks-is-frontend :focus {outline: thin dotted transparent ; }} .bricks-button.md {padding-top: 0.7em; padding-right: 1.6em; padding-bottom: 0.7em; padding-left: 1.6em} .bricks-button.lg {padding-top: 0.8em; padding-right: 2em; padding-bottom: 0.8em; padding-left: 2em} .bricks-button.xl {padding-top: 1em; padding-right: 2.2em; padding-bottom: 1em; padding-left: 2.2em} .bricks-button {color: #ffffff; text-transform: uppercase; font-size: 13px; font-weight: 700} :root .bricks-button[class*="light"]:not(.outline):not(.bricks-lightbox) {background-color: rgba(0, 0, 0, 0)} :root .bricks-button[class*="light"]:not(.bricks-lightbox) {color: #000000; text-decoration: underline} :root .bricks-button[class*="secondary"] {color: #000000} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: #ffffff}:where(:root) .bricks-color-primary {color: #59614a}:where(:root) .bricks-background-primary {background-color: #59614a}:where(:root) .bricks-color-secondary {color: #000000}:where(:root) .bricks-background-secondary {background-color: #000000}@media (max-width: 1279px) { h1 {font-size: 50px} h2 {font-size: 40px} h3 {font-size: 32px} h4 {font-size: 22px}}@media (max-width: 767px) { h1 {font-size: 42px} h2 {font-size: 34px} h3 {font-size: 28px} h4 {font-size: 22px}}@media (max-width: 478px) { h1 {font-size: 40px} h2 {font-size: 34px} h4 {font-size: 20px} h5 {font-size: 14.5px}}