html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    font-family: sans-serif;
  }
  
  body {
    margin: 0;
  }
  
  article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
  }
  
  audio, canvas, progress, video {
    vertical-align: baseline;
    display: inline-block;
  }
  
  audio:not([controls]) {
    height: 0;
    display: none;
  }
  
  [hidden], template {
    display: none;
  }
  
  a {
    background-color: rgba(0, 0, 0, 0);
  }
  
  a:active, a:hover {
    outline: 0;
  }
  
  abbr[title] {
    border-bottom: 1px dotted;
  }
  
  b, strong {
    font-weight: bold;
  }
  
  dfn {
    font-style: italic;
  }
  
  h1 {
    margin: .67em 0;
    font-size: 2em;
  }
  
  mark {
    color: #000;
    background: #ff0;
  }
  
  small {
    font-size: 80%;
  }
  
  sub, sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
  }
  
  sup {
    top: -.5em;
  }
  
  sub {
    bottom: -.25em;
  }
  
  img {
    border: 0;
  }
  
  svg:not(:root) {
    overflow: hidden;
  }
  
  figure {
    margin: 1em 40px;
  }
  
  hr {
    box-sizing: content-box;
    height: 0;
  }
  
  pre {
    overflow: auto;
  }
  
  code, kbd, pre, samp {
    font-family: monospace;
    font-size: 1em;
  }
  
  button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0;
  }
  
  button {
    overflow: visible;
  }
  
  button, select {
    text-transform: none;
  }
  
  button, html input[type="button"], input[type="reset"] {
    -webkit-appearance: button;
    cursor: pointer;
  }
  
  button[disabled], html input[disabled] {
    cursor: default;
  }
  
  button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0;
  }
  
  fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em;
  }
  
  legend {
    border: 0;
    padding: 0;
  }
  
  textarea {
    overflow: auto;
  }
  
  optgroup {
    font-weight: bold;
  }
  
  table {
    border-collapse: collapse;
    border-spacing: 0;
  }
  
  td, th {
    padding: 0;
  }
  

  * {
    box-sizing: border-box;
  }
  
  html {
    height: 100%;
  }
  
  body {
    min-height: 100%;
    color: #333;
    background-color: #fff;
    margin: 0;
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
  }
  
  img {
    max-width: 100%;
    vertical-align: middle;
    display: inline-block;
  }
  

  
  
  h1, h2, h3, h4, h5, h6 {
    margin-bottom: 10px;
    font-weight: bold;
  }
  
  h1 {
    margin-top: 20px;
    font-size: 38px;
    line-height: 44px;
  }
  
  h2 {
    margin-top: 20px;
    font-size: 32px;
    line-height: 36px;
  }
  
  h3 {
    margin-top: 20px;
    font-size: 24px;
    line-height: 30px;
  }
  
  h4 {
    margin-top: 10px;
    font-size: 18px;
    line-height: 24px;
  }
  
  h5 {
    margin-top: 10px;
    font-size: 14px;
    line-height: 20px;
  }
  
  h6 {
    margin-top: 10px;
    font-size: 12px;
    line-height: 18px;
  }
  
  p {
    margin-top: 0;
    margin-bottom: 10px;
  }
  
  blockquote {
    border-left: 5px solid #e2e2e2;
    margin: 0 0 10px;
    padding: 10px 20px;
    font-size: 18px;
    line-height: 22px;
  }
  
  figure {
    margin: 0 0 10px;
  }
  
  figcaption {
    text-align: center;
    margin-top: 5px;
  }
  
  ul, ol {
    margin-top: 0;
    margin-bottom: 10px;
    padding-left: 40px;
  }
  
  fieldset {
    border: 0;
    margin: 0;
    padding: 0;
  }
  
  button, [type="button"], [type="reset"] {
    cursor: pointer;
    -webkit-appearance: button;
    border: 0;
  }

  body {
    color: #000;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
    font-size: 1rem;
    line-height: 1.5;
  }
  
  h1 {
    letter-spacing: -.4rem;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Silkscreen, sans-serif;
    font-size: 4rem;
    font-weight: 400;
    line-height: 1.1;
  }

  p{
    font-family: Silkscreen, sans-serif;
  }
  
  h2 {
    letter-spacing: -.3rem;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Silkscreen, sans-serif;
    font-size: 3rem;
    font-weight: 400;
    line-height: 1.2;
  }
  
  h3 {
    letter-spacing: -.2rem;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Silkscreen, sans-serif;
    font-size: 2.25rem;
    font-weight: 400;
    line-height: 1.2;
  }
  
  h4 {
    letter-spacing: -.2rem;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Silkscreen, sans-serif;
    font-size: 1.75rem;
    font-weight: 400;
    line-height: 1.3;
  }
  
  h5 {
    letter-spacing: -.15rem;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Silkscreen, sans-serif;
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 1.4;
  }
  
  h6 {
    letter-spacing: -.15rem;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Silkscreen, sans-serif;
    font-size: 1.15rem;
    font-weight: 400;
    line-height: 1.4;
  }
  
  p {
    margin-bottom: 0;
  }
  
  a {
    color: #000;
    border-color: #000;
    text-decoration: none;
  }
  
  ul {
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding-left: 1.25rem;
    font-family: Silkscreen, sans-serif;
  }
  
  ol {
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding-left: 1.5rem;
    font-family: Silkscreen, sans-serif;
  }
  
  li {
    margin-top: .5rem;
    margin-bottom: .5rem;
    padding-left: .5rem;
  }
  
  img {
    max-width: 100%;
    display: inline-block;
  }
  
  label {
    margin-bottom: .25rem;
    font-weight: 500;
  }
  
  blockquote {
    border-left: .1875rem solid #000;
    margin-bottom: 0;
    padding: .75rem 1.25rem;
    font-size: 1.25rem;
    line-height: 1.5;
  }
  
  figure {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
  
  figcaption {
    text-align: center;
    margin-top: .25rem;
  }
  
  .global-styles {
    display: block;
    position: fixed;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: auto;
  }
  
  .text-style-link {
    color: #000;
    font-weight: 500;
    text-decoration: underline;
    transition: opacity .2s;
  }
  
  .text-style-link:hover {
    opacity: .7;
  }
  
  .max-width-xl {
    width: 100%;
    max-width: 64rem;
  }
  
  .max-width-m {
    width: 100%;
    max-width: 35rem;
  }
  
  .max-width-xs {
    width: 100%;
    max-width: 25rem;
  }
  
  .max-width-xxs {
    width: 100%;
    max-width: 20rem;
    flex: 1;
  }
  
  .container-l {
    width: 100%;
    max-width: 80rem;
    margin-left: auto;
    margin-right: auto;
  }
  
  .max-width-xxl {
    width: 100%;
    max-width: 80rem;
  }
  
  .align-center {
    margin-left: auto;
    margin-right: auto;
  }
  
  .max-width-l {
    width: 100%;
    max-width: 48rem;
  }
  
  .max-width-s {
    width: 100%;
    max-width: 30rem;
  }
  
  .form-message-error {
    margin-top: .75rem;
    padding: .75rem;
  }
  
  .main-wrapper {
    justify-content: flex-start;
    align-items: stretch;
  }
  
  .container-m {
    width: 100%;
    max-width: 64rem;
    margin-left: auto;
    margin-right: auto;
  }
  
  .container-s {
    width: 100%;
    max-width: 48rem;
    margin-left: auto;
    margin-right: auto;
  }
  
  .margin-tiny {
    margin: .25rem;
  }
  
  .margin-xxs {
    margin: .5rem;
  }
  
  .margin-xs {
    margin: 1rem;
  }
  
  .margin-s {
    margin: 1.5rem;
  }
  
  .margin-m {
    margin: 2rem;
  }
  
  .margin-l {
    margin: 3rem;
  }
  
  .margin-xl {
    margin: 4rem;
  }
  
  .margin-xxl {
    margin: 5rem;
  }
  
  .margin-huge {
    margin: 6rem;
  }
  
  .margin-0 {
    margin: 0;
  }
  
  .padding-0 {
    padding: 0;
  }
  
  .padding-tiny {
    padding: .25rem;
  }
  
  .padding-xxs {
    padding: .5rem;
  }
  
  .padding-xs {
    padding: 1rem;
  }
  
  .padding-s {
    padding: 1.5rem;
  }
  
  .padding-m {
    padding: 2rem;
  }
  
  .padding-l {
    padding: 3rem;
  }
  
  .padding-xl {
    padding: 4rem;
  }
  
  .padding-xxl {
    padding: 5rem;
  }
  
  .padding-huge {
    padding: 6rem;
  }
  
  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }
  
  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }
  
  .margin-left {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }
  
  .margin-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }
  
  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }
  
  .margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
  }
  
  .padding-top, .padding-top.padding-tiny, .padding-top.padding-huge {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }
  
  .padding-bottom, .padding-bottom.padding-0 {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }
  
  .padding-bottom.padding-tiny, .padding-bottom.padding-huge {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }
  
  .padding-left {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }
  
  .padding-left.padding-0 {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }
  
  .padding-left.padding-tiny, .padding-left.padding-huge {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }
  
  .padding-right {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }
  
  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }
  
  .padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }
  
  .text-weight-medium {
    font-weight: 500;
  }
  
  .text-size-medium {
    font-size: 1.125rem;
  }
  
  .text-style-quote {
    border-left: .5rem solid #0c25fa;
    margin-bottom: 0;
    padding: .75rem 1.25rem;
    font-family: Silkscreen, sans-serif;
    font-size: 1.25rem;
    line-height: 1.5;
  }
  
  .icon-m {
    width: 2rem;
    height: 2rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }
  
  .style-guide-heading {
    z-index: 4;
    color: #fff;
    background-color: #000;
    margin-bottom: 1rem;
    padding: 1rem 1.5rem;
    position: -webkit-sticky;
    position: sticky;
    top: .5rem;
    box-shadow: -4px 4px rgba(0, 0, 0, .2);
  }
  
  .style-guide-item-row {
    grid-column-gap: 1.5rem;
    grid-row-gap: 0rem;
    grid-template-rows: auto;
    grid-template-columns: 15rem 1fr;
    align-items: center;
  }
  
  .style-guide-icons-list {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-wrap: wrap;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    display: grid;
  }
  
  .icon-l {
    width: 3rem;
    height: 3rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }
  
  .form-radio {
    align-items: center;
    margin-bottom: 0;
    padding-left: 1.125rem;
    display: flex;
  }
  
  .form-checkbox-icon {
    width: 1.125rem;
    height: 1.125rem;
    min-height: 1.125rem;
    min-width: 1.125rem;
    cursor: pointer;
    border: 2px solid #c8cfdb;
    margin-top: 0;
    margin-left: -1.25rem;
    margin-right: .5rem;
    transition: all .2s;
  }
  
  .form-checkbox-icon.w--redirected-checked {
    background-color: #000;
    background-size: 16px 16px;
    border-width: 1px;
    border-color: #000;
  }
  
  .form-checkbox-icon.w--redirected-focus {
    box-shadow: none;
    border-color: #000;
    border-radius: .25rem;
  }
  
  .form-checkbox-label {
    margin-bottom: 0;
  }
  
  .text-size-tiny {
    font-size: .75rem;
  }
  
  .form-label {
    margin-bottom: .5rem;
    font-weight: 400;
  }
  
  .button {
    color: #fff;
    text-align: center;
    letter-spacing: -.05rem;
    background-color: #000;
    padding: 1rem 1.75rem;
    font-family: Silkscreen, sans-serif;
    font-weight: 500;
    text-decoration: none;
    transition: letter-spacing .2s;
  }
  
  .button:hover {
    letter-spacing: .2rem;
  }
  
  .button.is-link {
    color: #000;
    background-color: rgba(0, 0, 0, 0);
    border-style: none;
    padding: .25rem 0;
    line-height: 1;
    text-decoration: none;
    transition: none;
  }
  
  .button.is-link:hover {
    box-shadow: none;
    text-decoration: underline;
    transform: none;
  }
  
  .button.is-link.is-icon {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }
  
  .button.is-icon {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    justify-content: center;
    align-items: center;
    display: flex;
  }
  
  .button.is-secondary {
    color: #000;
    background-color: #54fef5;
  }
  
  .button.is-secondary.text-color-blue {
    color: #0c25fa;
  }
  
  .button.is-secondary.text-color-green {
    color: #00583e;
  }
  
  .button.is-small {
    padding: .5rem 1.25rem;
    display: flex;
  }
  
  .text-weight-normal {
    font-weight: 400;
  }
  
  .form-radio-label {
    margin-bottom: 0;
  }
  
  .style-guide-item {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    align-content: start;
    justify-content: start;
    align-items: start;
    justify-items: stretch;
    padding-bottom: 1rem;
    display: grid;
  }
  
  .style-guide-item.is-stretch {
    grid-row-gap: 1rem;
    justify-items: stretch;
  }
  
  .text-weight-light {
    font-weight: 300;
  }
  
  .style-guide-label {
    color: #fff;
    white-space: nowrap;
    cursor: context-menu;
    background-color: #4b5563;
    border-radius: 100rem;
    padding: .25rem 1rem;
    font-size: .75rem;
    display: inline-block;
  }
  
  .text-size-regular {
    font-size: 1rem;
  }
  
  .text-weight-extra-bold {
    font-weight: 800;
  }
  
  .text-align-right {
    text-align: right;
  }
  
  .text-weight-bold {
    font-weight: 700;
  }

  .style-guide-button-list {
    grid-column-gap: 1rem;
    grid-row-gap: 1.5rem;
    white-space: normal;
    grid-template-rows: auto;
    grid-template-columns: auto;
    grid-auto-columns: max-content;
    grid-auto-flow: row;
    align-items: center;
    justify-items: start;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    display: grid;
  }
  
  .style-guide-list {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    padding-bottom: 4rem;
  }
  
  .button-group {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-wrap: wrap;
    align-items: center;
    display: flex;
  }
  
  .text-color-white {
    color: #fff;
  }
  
  .bg-color-white {
    color: #000;
    background-color: #fff;
  }
  
  .text-weight-semi-bold {
    font-weight: 600;
  }
  
  .text-style-muted {
    opacity: .6;
  }
  
  .text-align-left {
    text-align: left;
  }
  
  .text-color-black {
    color: #000;
  }
  
  .icon-xs {
    width: 1rem;
    height: 1rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }
  
  .icon-s {
    width: 1.5rem;
    height: 1.5rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }
  
  .bg-color-black {
    color: #fff;
    background-color: #000;
  }
  
  .style-guide-subheading {
    z-index: 3;
    color: #000;
    background-color: #54fef5;
    padding: 1rem 1.5rem;
    position: -webkit-sticky;
    position: sticky;
    top: 4.5rem;
    box-shadow: -4px 4px rgba(0, 0, 0, .2);
  }
  
  .text-align-center {
    text-align: center;
  }
  
  .text-size-small {
    font-size: .875rem;
  }
  
  .class-label-column {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }
  
  .form-field-wrapper {
    position: relative;
  }
  
  .class-label-row {
    grid-column-gap: .25rem;
    grid-row-gap: .25rem;
    flex-wrap: wrap;
    align-items: center;
    display: flex;
  }
  
  .text-rich-text h1 {
    margin-top: 2rem;
    margin-bottom: 1rem;
  }
  
  .text-rich-text blockquote {
    border-left-width: .5rem;
    border-left-color: #0c25fa;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    font-family: Silkscreen, sans-serif;
  }
  
  .text-rich-text h2, .text-rich-text h3, .text-rich-text h4 {
    margin-top: 1.5rem;
    margin-bottom: 1rem;
  }
  
  .text-rich-text h5, .text-rich-text h6 {
    margin-top: 1.25rem;
    margin-bottom: 1rem;
  }
  
  .text-rich-text p {
    margin-bottom: 1rem;
  }
  
  .text-rich-text a {
    color: #fff;
    font-weight: 500;
    text-decoration: underline;
    transition: opacity .2s;
  }
  
  .text-rich-text a:hover {
    opacity: .7;
  }
  
  .text-rich-text figcaption {
    text-align: center;
    margin-top: 1.5rem;
    padding-left: .5rem;
    font-size: .875rem;
  }
  
  .text-rich-text img {
    border-radius: 0;
    box-shadow: -14px 14px 0 -10px rgba(0, 0, 0, .3);
  }
  
  .form-checkbox {
    align-items: center;
    margin-bottom: 0;
    padding-left: 1.25rem;
    font-size: .875rem;
    display: flex;
  }
  
  .text-size-large {
    font-size: 1.25rem;
  }
  
  .style-guide-class-fill {
    z-index: 2;
    height: 3rem;
    min-width: 3rem;
    border: 4px dashed #e1e1e3;
    position: relative;
  }
  
  .style-guide-spacing {
    border: 1px dashed #d3d3d3;
  }
  
  .padding-global {
    padding-left: 5%;
    padding-right: 5%;
  }
  
  .sections-list {
    max-width: 80rem;
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }
  
  .block-quote {
    border-left-width: .5rem;
    border-left-color: #0c25fa;
    font-family: Silkscreen, sans-serif;
  }
  
  .utility-back-button-wrapper {
    position: absolute;
    top: 2rem;
    bottom: auto;
    left: 2rem;
    right: auto;
  }
  
  .utility-page-wrapper {
    width: 100%;
    min-height: 100vh;
    color: #fff;
    background-color: #000;
    justify-content: center;
    align-items: center;
    padding-left: 5%;
    padding-right: 5%;
    display: flex;
  }
  
  .utility-form-block {
    max-width: 25rem;
    text-align: center;
    flex: 1;
  }
  
  .utility-form {
    width: 100%;
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-direction: column;
    display: flex;
  }
  
  .padding-section-l {
    padding-top: 7rem;
    padding-bottom: 7rem;
  }
  
  .padding-section-s {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  
  .style-guide-hero {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 2rem;
    display: flex;
  }
  
  .style-system-classes-dont-delete {
    display: none;
  }
  
  .section-utility {
    min-height: 100dvh;
    color: #fff;
    background-color: #000;
    flex-direction: column;
    align-items: stretch;
    display: flex;
  }
  
  .style-guide-grid-colors {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: stretch;
    display: grid;
  }
  
  .style-guide-color-swatch-wrapper {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1rem .5rem;
    display: flex;
  }
  
  .style-guide-color-swatch {
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    margin-bottom: 1rem;
    display: flex;
    overflow: hidden;
  }
  
  .style-guide-color-swatch.is-bordered {
    border: 2px solid rgba(0, 0, 0, .2);
  }
  
  .styleguide_background-space {
    width: 1px;
    height: 1px;
    margin: 100% auto;
  }
  
  .bg-color-blue {
    color: #fff;
    background-color: #0c25fa;
  }
  
  .text-color-blue {
    color: #0c25fa;
  }
  
  .text-color-green {
    color: #00583e;
  }
  
  .text-color-yellow {
    color: #f5f200;
  }
  
  .text-color-gray {
    color: #54fef5;
  }
  
  .text-color-red {
    color: #ff3127;
  }
  
  .header-grid {
    min-height: 100vh;
    grid-column-gap: 0rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    display: grid;
  }
  
  .header-content {
    max-width: 35rem;
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-direction: column;
    align-items: flex-start;
    margin-left: 5vw;
    margin-right: 5rem;
    display: flex;
  }
  
  .footer {
    color: #fff;
    background-color: #000;
  }
  
  
  .footer-content {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    text-align: center;
    justify-content: center;
    align-items: center;
    display: flex;
  }
  
  .banner-text {
    flex: none;
  }
  
  .logo-link {
    width: 3rem;
  }
  
  .logo-placement-top-left {
    position: absolute;
    top: 3rem;
    bottom: auto;
    left: 5%;
    right: auto;
  }
  
  .logo-placement-utility {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    border-bottom: 1px dashed #fff;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
    padding-bottom: 2rem;
    display: flex;
  }
  
  .fullwidth-content {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }
  
  
  @media screen and (max-width: 991px) {
    h1 {
      font-size: 3.25rem;
    }
  
    h2 {
      font-size: 2.75rem;
    }
  
    h3 {
      font-size: 2.25rem;
    }
  
    h4 {
      font-size: 1.75rem;
    }
  
    .margin-l {
      margin: 2.5rem;
    }
  
    .margin-xl {
      margin: 3.5rem;
    }
  
    .margin-xxl {
      margin: 4.5rem;
    }
  
    .margin-huge {
      margin: 5rem;
    }
  
    .padding-l {
      padding: 2.5rem;
    }
  
    .padding-xl {
      padding: 3.5rem;
    }
  
    .padding-xxl {
      padding: 4.5rem;
    }
  
    .padding-huge {
      padding: 5rem;
    }
  
    .margin-top {
      margin-bottom: 0;
      margin-left: 0;
      margin-right: 0;
    }
  
    .margin-bottom {
      margin-top: 0;
      margin-left: 0;
      margin-right: 0;
    }
  
    .margin-left {
      margin-top: 0;
      margin-bottom: 0;
      margin-right: 0;
    }
  
    .margin-right {
      margin-top: 0;
      margin-bottom: 0;
      margin-left: 0;
    }
  
    .margin-vertical {
      margin-left: 0;
      margin-right: 0;
    }
  
    .margin-horizontal {
      margin-top: 0;
      margin-bottom: 0;
    }
  
    .padding-top {
      padding-bottom: 0;
      padding-left: 0;
      padding-right: 0;
    }
  
    .padding-bottom {
      padding-top: 0;
      padding-left: 0;
      padding-right: 0;
    }
  
    .padding-left {
      padding-top: 0;
      padding-bottom: 0;
      padding-right: 0;
    }
  
    .padding-right {
      padding-top: 0;
      padding-bottom: 0;
      padding-left: 0;
    }
  
    .padding-vertical {
      padding-left: 0;
      padding-right: 0;
    }
  
    .padding-horizontal {
      padding-top: 0;
      padding-bottom: 0;
    }
  
    .style-guide-icons-list {
      grid-auto-flow: row;
    }
  
    .padding-section-l {
      padding-top: 6rem;
      padding-bottom: 6rem;
    }
  
    .style-guide-grid-colors {
      grid-template-columns: 1fr;
    }
  
    .sign-up-form-content {
      width: 100%;
    }
  
    .header-grid {
      min-height: auto;
      grid-row-gap: 4rem;
      grid-template-columns: 1fr;
      grid-auto-flow: row;
      padding-top: 6rem;
      padding-bottom: 6rem;
    }
  
    .header-content {
      margin-left: 5%;
      margin-right: 5%;
    }
  
    .header-image-one {
      height: auto;
      max-height: none;
    }
  
    .footer-content {
      flex-direction: column;
    }
  
    .preloader-text {
      font-size: 2rem;
    }
  
    .header-image {
      height: auto;
      max-height: none;
    }
  
    .logo-placement-top-left, .logo-placement-static {
      position: static;
    }
  
    .logo-placement-utility {
      flex-direction: column-reverse;
      align-items: flex-start;
      position: static;
    }
  
    .fullwidth-content {
      margin-left: 5%;
      margin-right: 5%;
    }
  
    .hourglass-heading {
      text-align: left;
      font-size: 3rem;
    }
  
    .hourglass-heading-wrapper {
      align-items: flex-start;
    }
  
    .hourglass-icon {
      width: 1.5rem;
    }
  
    .preview-header-content {
      margin-left: 5%;
      margin-right: 5%;
      position: static;
    }
  }
  
  @media screen and (max-width: 767px) {
    h1 {
      font-size: 2.5rem;
    }
  
    h2 {
      font-size: 2.25rem;
    }
  
    h3 {
      font-size: 2rem;
    }
  
    h4 {
      font-size: 1.5rem;
      line-height: 1.4;
    }
  
    h5 {
      font-size: 1.25rem;
    }
  
    h6 {
      font-size: 1.125rem;
    }
  
    .margin-xs {
      margin: .75rem;
    }
  
    .margin-s {
      margin: 1.25rem;
    }
  
    .margin-m {
      margin: 1.5rem;
    }
  
    .margin-l {
      margin: 2rem;
    }
  
    .margin-xl {
      margin: 2.5rem;
    }
  
    .margin-xxl {
      margin: 3rem;
    }
  
    .margin-huge {
      margin: 3.5rem;
    }
  
    .padding-xs {
      padding: .75rem;
    }
  
    .padding-s {
      padding: 1.25rem;
    }
  
    .padding-m {
      padding: 1.5rem;
    }
  
    .padding-l {
      padding: 2rem;
    }
  
    .padding-xl {
      padding: 2.5rem;
    }
  
    .padding-xxl {
      padding: 3rem;
    }
  
    .padding-huge {
      padding: 3.5rem;
    }
  
    .margin-top {
      margin-bottom: 0;
      margin-left: 0;
      margin-right: 0;
    }
  
    .margin-bottom {
      margin-top: 0;
      margin-left: 0;
      margin-right: 0;
    }
  
    .margin-left {
      margin-top: 0;
      margin-bottom: 0;
      margin-right: 0;
    }
  
    .margin-right {
      margin-top: 0;
      margin-bottom: 0;
      margin-left: 0;
    }
  
    .margin-vertical {
      margin-left: 0;
      margin-right: 0;
    }
  
    .margin-horizontal {
      margin-top: 0;
      margin-bottom: 0;
    }
  
    .padding-top {
      padding-bottom: 0;
      padding-left: 0;
      padding-right: 0;
    }
  
    .padding-bottom {
      padding-top: 0;
      padding-left: 0;
      padding-right: 0;
    }
  
    .padding-left {
      padding-top: 0;
      padding-bottom: 0;
      padding-right: 0;
    }
  
    .padding-right {
      padding-top: 0;
      padding-bottom: 0;
      padding-left: 0;
    }
  
    .padding-vertical {
      padding-left: 0;
      padding-right: 0;
    }
  
    .padding-horizontal {
      padding-top: 0;
      padding-bottom: 0;
    }
  
    .text-size-medium {
      font-size: 1rem;
    }
  
    .text-style-quote {
      font-size: 1.125rem;
    }
  
    .style-guide-item-row {
      grid-column-gap: 1rem;
      grid-row-gap: 1rem;
      grid-template-columns: 1fr;
    }
  
    .form-input {
      min-width: auto;
    }
  
    .text-size-large {
      font-size: 1.125rem;
    }
  
    .padding-section-l {
      padding-top: 4rem;
      padding-bottom: 4rem;
    }
  
    .search-item-link {
      padding: 1.5rem;
    }
  
    .search-list {
      grid-column-gap: 2rem;
      grid-row-gap: 2rem;
    }
  
    .padding-section-s {
      padding-top: 2rem;
      padding-bottom: 2rem;
    }
  
    .header-grid {
      padding-top: 4rem;
      padding-bottom: 4rem;
    }
  
    .preloader-window-content {
      padding: 1.5rem;
    }
  
    .preloader-loading-square {
      width: 2rem;
    }
  
    .logo-link {
      width: 2.5rem;
    }
  
    .hourglass-icon {
      width: 1.25rem;
    }
  }
  
  @media screen and (max-width: 479px) {
    h1 {
      font-size: 2.5rem;
    }
  
    .margin-top {
      margin-bottom: 0;
      margin-left: 0;
      margin-right: 0;
    }
  
    .margin-bottom {
      margin-top: 0;
      margin-left: 0;
      margin-right: 0;
    }
  
    .margin-left {
      margin-top: 0;
      margin-bottom: 0;
      margin-right: 0;
    }
  
    .margin-right {
      margin-top: 0;
      margin-bottom: 0;
      margin-left: 0;
    }
  
    .margin-vertical {
      margin-left: 0;
      margin-right: 0;
    }
  
    .margin-horizontal {
      margin-top: 0;
      margin-bottom: 0;
    }
  
    .padding-top {
      padding-bottom: 0;
      padding-left: 0;
      padding-right: 0;
    }
  
    .padding-bottom {
      padding-top: 0;
      padding-left: 0;
      padding-right: 0;
    }
  
    .padding-left {
      padding-top: 0;
      padding-bottom: 0;
      padding-right: 0;
    }
  
    .padding-right {
      padding-top: 0;
      padding-bottom: 0;
      padding-left: 0;
    }
  
    .padding-vertical {
      padding-left: 0;
      padding-right: 0;
    }
  
    .padding-horizontal {
      padding-top: 0;
      padding-bottom: 0;
    }
  
    .search-list {
      grid-column-gap: 1rem;
      grid-row-gap: 1rem;
    }
  
    .style-guide-grid-colors {
      width: auto;
    }
  
    .sign-up-form-content {
      grid-column-gap: 0rem;
      grid-row-gap: 0rem;
      flex-direction: column;
      grid-template-columns: 1fr;
    }
  
    .header-grid {
      grid-template-columns: 1fr;
    }
  
    .footer-menu {
      grid-row-gap: .5rem;
    }
  
    .hourglass-heading {
      font-size: 2rem;
    }
  }


  @font-face {
    font-family: 'Silkscreen';
    src: url('./Silkscreen-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }