:root {
    --black: 
  rgba(0, 0, 0, 1);
    --biscay: 
  rgba(27, 43, 105, 1);
    --cerulean-blue: 
  rgba(56, 85, 203, 1);
    --onyx: 
  rgba(58, 57, 57, 1);
    --indigo: 
  rgba(74, 100, 207, 1);
    --chicago: 
  rgba(91, 95, 96, 1);
    --anakiwa: 
  rgba(149, 252, 246, 1);
    --silver-chalice: 
  rgba(173, 173, 173, 1);
    --humming-bird: 
  rgba(209, 248, 242, 1);
    --mercury: 
  rgba(230, 230, 230, 1);
    --romance: 
  rgba(255, 254, 254, 1);
    --white: 
  rgba(255, 255, 255, 1);
  
    --font-size-xs: 13px;
    --font-size-s: 14px;
    --font-size-m: 15px;
    --font-size-l: 16px;
    --font-size-xl: 23px;
    --font-size-xxl: 25px;
    --font-size-xxxl: 32px;
  
    --font-family-roboto: "Roboto";
    --font-family-roboto_condensed-bold: "Roboto Condensed-Bold";
    --font-family-roboto_condensed-light: "Roboto Condensed-Light";
    --font-family-roboto_condensed-regular: "Roboto Condensed-Regular";
  }
  
  @font-face {
    font-family: "Roboto Condensed-Regular";
    font-style: normal;
    font-weight: 400;
    src: url("../../../fonts/robotocondensed-regular.ttf") format("truetype");
  }
  
  @font-face {
    font-family: "Roboto Condensed-Bold";
    font-style: normal;
    font-weight: 700;
    src: url("../../../fonts/robotocondensed-bold.ttf") format("truetype");
  }
  
  @font-face {
    font-family: "Roboto Condensed-Light";
    font-style: normal;
    font-weight: 300;
    src: url("../../../fonts/robotocondensed-light.ttf") format("truetype");}
  
  @import url("https://fonts.googleapis.com/css?family=Roboto:400,700");
  
  .robotocondensed-regular-normal-onyx-22px {
    color: var(--onyx);
    font-family: var(--font-family-roboto_condensed-regular);
    font-size: 22px;
    font-weight: 400;
    font-style: normal;
  }
  .robotocondensed-regular-normal-romance-15px {
    color: var(--romance);
    font-family: var(--font-family-roboto_condensed-regular);
    font-size: var(--font-size-m);
    font-weight: 400;
    font-style: normal;
  }

  @media (max-width: 999px) {
    .robotocondensed-regular-normal-romance-15px {
      color: var(--romance);
      font-family: var(--font-family-roboto_condensed-regular);
      font-size: var(--font-size-xs);
      font-weight: 400;
      font-style: normal;
    }
  
  }

  .robotocondensed-bold-white-15px {
    color: var(--white);
    font-family: var(--font-family-roboto_condensed-bold);
    font-size: var(--font-size-m);
    font-weight: 700;
    font-style: normal;
  }
  .robotocondensed-bold-white-35px {
    color: var(--white);
    font-family: var(--font-family-roboto_condensed-bold);
    font-size: 35px;
    font-weight: 700;
    font-style: normal;
  }
  .roboto-bold-white-14px {
    color: var(--white);
    font-family: "Roboto Condensed-Light";
    font-size: var(--font-size-s);
    font-weight: 700;
    font-style: normal;
  }
  .robotocondensed-light-white-125px {
    color: var(--white);
    font-family: var(--font-family-roboto_condensed-light);
    font-size: 125px;
    font-weight: 300;
    font-style: normal;
  }
  .robotocondensed-regular-normal-black-14px {
    color: var(--black);
    font-family: var(--font-family-roboto_condensed-regular);
    font-size: var(--font-size-s);
    font-weight: 400;
    font-style: normal;
  }
  .roboto-bold-white-15px {
    color: var(--white);
    font-family: "Roboto Condensed-Light";
    font-size: var(--font-size-m);
    font-weight: 700;
    font-style: normal;
  }

  .robotocondensed-regular-normal-chicago-25px {
    color: var(--chicago);
    font-family: var(--font-family-roboto_condensed-regular);
    font-size: var(--font-size-xxl);
    font-weight: 400;
    font-style: normal;
  }

  @media (max-width: 999px) {
    .robotocondensed-regular-normal-chicago-25px {
      color: var(--chicago);
      font-family: var(--font-family-roboto_condensed-regular);
      font-size: 20px;
      font-weight: 400;
      font-style: normal;
    }
     }

  .robotocondensed-regular-normal-white-16px {
    color: var(--white);
    font-family: var(--font-family-roboto_condensed-regular);
    font-size: var(--font-size-l);
    font-weight: 400;
    font-style: normal;
      }

  .robotocondensed-regular-normal-white-16px:hover {
    color: var(--anakiwa);
    font-family: var(--font-family-roboto_condensed-regular);
    font-size: var(--font-size-l);
    font-weight: 400;
    font-style: inherit;
    text-decoration: underline;
    text-underline-offset: 20px;
           }

  .robotocondensed-regular-normal-black-15px {
    color: var(--black);
    font-family: var(--font-family-roboto_condensed-regular);
    font-size: var(--font-size-m);
    font-weight: 400;
    font-style: normal;
  }

  @media (max-width: 999px) {
    .robotocondensed-regular-normal-black-15px {
    color: var(--black);
    font-family: var(--font-family-roboto_condensed-regular);
    font-size: 10.5px;
    font-weight: 400;
    font-style: normal;
  }
     }
  
  .robotocondensed-regular-normal-white-14px {
    color: var(--white);
    font-family: var(--font-family-roboto_condensed-regular);
    font-size: var(--font-size-s);
    font-weight: 400;
    font-style: normal;
  }
  .robotocondensed-bold-cerulean-blue-16px {
    color: var(--cerulean-blue);
    font-family: var(--font-family-roboto_condensed-bold);
    font-size: var(--font-size-l);
    font-weight: 700;
    font-style: normal;
  }
  .robotocondensed-regular-normal-indigo-31px {
    color: var(--indigo);
    font-family: var(--font-family-roboto_condensed-regular);
    font-size: 31px;
    font-weight: 400;
    font-style: normal;
  }
  .roboto-normal-silver-chalice-13px {
    color: var(--silver-chalice);
    font-family: var(--font-family-roboto);
    font-size: var(--font-size-xs);
    font-weight: 400;
    font-style: normal;
  }
  .roboto-normal-black-14px {
    color: var(--black);
    font-family: var(--font-family-roboto);
    font-size: var(--font-size-s);
    font-weight: 400;
    font-style: normal;
  }
  .robotocondensed-regular-normal-humming-bird-16px {
    color: var(--humming-bird);
    font-family: var(--font-family-roboto_condensed-regular);
    font-size: var(--font-size-l);
    font-weight: 400;
    font-style: normal;
  }
  .robotocondensed-regular-normal-white-32px {
    color: var(--white);
    font-family: var(--font-family-roboto_condensed-regular);
    font-size: var(--font-size-xxxl);
    font-weight: 400;
    font-style: normal;
  }

  @media (max-width: 999px) {
    .robotocondensed-regular-normal-white-32px {
      color: var(--white);
      font-family: var(--font-family-roboto_condensed-regular);
      font-size: 22px;
      font-weight: 400;
      font-style: normal;
    }
   }


  .robotocondensed-regular-normal-white-15px {
    color: var(--white);
    font-family: var(--font-family-roboto_condensed-regular);
    font-size: var(--font-size-m);
    font-weight: 400;
    font-style: normal;
  }
  @media (max-width: 999px) {
    .robotocondensed-regular-normal-white-15px {
      color: var(--white);
    font-family: var(--font-family-roboto_condensed-regular);
    font-size: var(--font-size-xs);
    font-weight: 400;
    font-style: normal;
    }
   }


  .robotocondensed-regular-normal-black-13px {
    color: var(--black);
    font-family: var(--font-family-roboto_condensed-regular);
    font-size: var(--font-size-xs);
    font-weight: 400;
    font-style: normal;
  }
  .roboto-bold-white-9px {
    color: var(--white);
    font-family: var(--font-family-roboto);
    font-size: 10px;
    font-weight: 700;
    font-style: normal;
  }
  .robotocondensed-bold-romance-30px {
    color: var(--romance);
    font-family: var(--font-family-roboto_condensed-bold);
    font-size: 30px;
    font-weight: 700;
    font-style: normal;
  }

  @media (max-width: 999px) {
    .robotocondensed-bold-romance-30px {
      color: var(--romance);
      font-family: var(--font-family-roboto_condensed-bold);
      font-size: 15px;
      font-weight: 700;
      font-style: normal;
    }}



  .robotocondensed-bold-white-16px {
    color: var(--white);
    font-family: var(--font-family-roboto_condensed-bold);
    font-size: var(--font-size-l);
    font-weight: 700;
    font-style: normal;
  }
  .robotocondensed-regular-normal-anakiwa-19px {
    color: var(--anakiwa);
    font-family: var(--font-family-roboto_condensed-regular);
    font-size: 20px;
    font-weight: 400;
    font-style: normal;
  }

  .robotocondensed-regular-normal-anakiwa-22px {
    color: var(--anakiwa);
    font-family: var(--font-family-roboto_condensed-regular);
    font-size: 22px;
    font-weight: 400;
    font-style: normal;
  }

  .robotocondensed-light-white-123px {
    color: var(--white);
    font-family: var(--font-family-roboto_condensed-light);
    font-size: 123px;
    font-weight: 300;
    font-style: normal;
  }
  .robotocondensed-bold-biscay-23px {
    color: var(--biscay);
    font-family: var(--font-family-roboto_condensed-bold);
    font-size: var(--font-size-xl);
    font-weight: 700;
    font-style: normal;
  }
  .robotocondensed-regular-normal-white-125px {
    color: var(--white);
    font-family: var(--font-family-roboto_condensed-regular);
    font-size: 125px;
    font-weight: 400;
    font-style: normal;
  }

  .robotocondensed-regular-normal-white-35px {
    color: var(--white);
    font-family: var(--font-family-roboto_condensed-regular);
    font-size: 35px;
    font-weight: 400;
    font-style: normal;
  }

  .robotocondensed-regular-normal-anakiwa-25px {
    color: var(--anakiwa);
    font-family: var(--font-family-roboto_condensed-regular);
    font-size: 25px;
    font-weight: 400;
    font-style: normal;
  }

  .robotocondensed-normal-24px {
    margin: 35px 0px 0px 0px;
    
    font-family: 'Roboto Condensed-Regular';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 28px; }

  .robotocondensed-normal-15px {
    position: relative;
    margin: 15px auto;
    font-family: 'Roboto Condensed-Regular';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 150%; }

    .robotocondensed-normal-27px {
      margin: 35px 0px 0px 0px;
      color: #5B5F60;
      font-family: 'Roboto Condensed-Regular';
      font-style: normal;
      font-weight: 400;
      font-size: 27px;
      line-height: 150%; }
      .robotocondensed-normal-link-27px {
        margin: 35px 0px 0px 0px;
        color: #3855CB;
        font-family: 'Roboto Condensed-Regular';
        font-style: normal;
        font-weight: 400;
        font-size: 27px;
        line-height: 150%; }

      .robotocondensed-normal-blue-20px {
        color: #1B2B69;
        font-family: 'Roboto Condensed-Regular';
        font-style: normal;
        font-weight: 400;
        font-size: 20px;
         }


         .robotocondensed-normal-indigo-18px {
          color: #2555C4;
          font-family: 'Roboto Condensed-Regular';
          font-style: normal;
          font-weight: 400;
          font-size: 18px;
           }

           .robotocondensed-regular-normal-anakiwa-16px {
            color: var(--anakiwa);
            font-family: var(--font-family-roboto_condensed-regular);
            font-size: 16px;
            font-weight: 400;
            font-style: normal;
          }


          .robotocondensed-normal-link-15px {
            color: #3855CB;
            position: relative;
            margin: 15px auto;
            font-family: 'Roboto Condensed-Regular';
            font-style: normal;
            font-weight: 400;
            font-size: 15px;
            line-height: 150%; }


            .robotocondensed-normal-18px {
              color: #1B2B69;
              font-family: 'Roboto Condensed-Regular';
              font-style: normal;
          
              font-size: 18px;
              }


              @media  (max-width: 570px) {
                .robotocondensed-normal-18px {
                  color: #1B2B69;
                  font-family: 'Roboto Condensed-Bold';
                  font-style: normal;
                  font-size: 13px;
                  
                   
                 
                }
       }