@font-face
 {
    font-family: header1;
    src: url('../fonts/Alatsi-Regular.ttf');

    font-family: header2;
    src: url('../fonts/Satisfy-Regular.ttf');

 }

  /* *
  {
    margin: 0;
    padding: 0;
    box-sizing: 0;
  } */

  

  .header1
  {
    width: 100%;
    /* text-align: center; */
  }

  .navbar
  {
    z-index: 9999;
  }

  

  .dropdown-menu
  {
    text-align: center;
  }

  

  .hp1
  {
    margin-top: 1vh;
    margin-bottom: 1vh;
    margin-left: 5vw;
    width: 30vw;
  }

  .hp2
  {
    width: 50vw;
  }


  .footer
  {
    display: flex;
    background-color: #254e58;
  }


  .footer10
  {
    width: 50%;
  }


  .footer20
  {
    width: 50%;
    margin-left: 15%;
  }


  .quickLink
  {
    margin: 0px;
    padding: 3px;
    color: white;
    font-size: 9px;
  }


  .footer12
  {
    margin-left: 10%;
  }

  .footer12 img
  {
    width: 96px;
  }

 
  .lbl_w125C
  {
    background-color: #f0f5f7;
    width: 125px;
  }


  .lbl_w145C
  {
    background-color: #f0f5f7;
    width: 145px;
  }




  @media only screen and (min-width: 768px)
  {
    
    .hp1
    {
      margin-left: 10vw;
      width: 15vw;
    }
  
    .hp2
    {
      width: 35vw;
    }


    .quickLink
    {
      margin: 0px;
      padding: 0px;
      color: white;
      font-size: 18px;
    }

    .footer12 img
    {
      width: 125px;
    }
   

  }