/* @import url('http://example.com/example_style.css'); */
@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&display=swap');
/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

.ob-footer {
  background-color: #1E262C;
}

.ob-header, .ob-footer__container {
    max-width: 1256px;
    margin: 0 auto;
    padding: 1.5rem 20px;
    position: relative;
}

.ob-header .header__logo {
    max-width: 315px;
}

.ob-footer .footer__logo {
    max-width: 315px;
}

.ob-page {
  h2 {
      font-size: clamp(40px, 6vw, 80px);
      line-height: 1;
  }
  
  h3 {
      font-family: 'Playfair Display', serif;
      font-size: clamp(32px, 4vw, 48px);
      line-height: 1;
  }
  
  p {
      line-height: 24px;
      font-family: "Archivo", sans-serif;
  }
  
  .submitted-message p{
   color: white;
  }
  
  form {
       background-color: #DEEDFF!important;
       padding: 0px;

      input[type="submit"] {
              font-family: "Archivo", sans-serif;
              font-weight: 500;
      }

      span, p, legend {
        font-family: "Archivo", sans-serif;
      }
    
      label span {
        font-weight: bold;
      }

      .legal-consent-container p {
      font-family: "Archivo", sans-serif!important;
      }
   }
}

.ob-32 {
  font-size: clamp(28px, 3vw, 32px);
  line-height: 1;
  font-family: 'Archivo', sans-serif;
  font-weight: 200;
}

.ob-hero-eyebrow {
  font-size: clamp(1rem, 2vw, 1.5rem);
}

.ob-list-offset {     
        h4 {
          font-size: clamp(1.75rem, 3vw, 2rem);
          font-family: 'Archivo', sans-serif;
        }
  
        p {
          font-size: clamp(1rem, 2vw, 1.5rem);
        }
  
        ul {
          list-style-type: '\2014';
          padding-left: 0;
        }
  
        li {
          font-size: clamp(1rem, 2vw, 1.5rem);
          font-weight: 400;
          margin-bottom: 1.5rem;
          line-height: 1.25;
          color: #1e262c;
          padding-left: .75rem;
        }
  
         li::marker {
            font-weight: bold;
            color: #f2b955;
        }
}

@media (min-width: 768px) {
  
  .ob-list-offset { 
      margin-top: clamp(120px, 13vw, 184px);
      margin-bottom: 2rem;
    
        h4 {
          font-size
      }
}