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

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

 }


  

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

  .headerleft
  {
    width: 15%; 
    display: table-cell; 
    /* background-color: white; */
    /* float: left; */
  }

  .headerright
  {
    width: 40%; 
    display: table-cell;
    /* background-color: white; */
    /* float: right; */
  }

  

  .navbar
  {
    z-index: 9999;
  }

  

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

  

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

  .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;
  } */

  .buttonframe{
display: none;

  }


  




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

    .headerleft
    {
      width: 20%; 
      display: table-cell;
      /* background-color: white; */
    }
  
    .headerright
    {
      width: 50%; 
      display: table-cell;
      /* background-color: white; */
    }


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

    .footer12 img
    {
      width: 125px;
    }

    .buttonframe{
      width: 20%; 
      float: right; 
      display: flex; 
      justify-content: center;
      margin-top: 3%;
      margin-right: 10%;
    }
    
   

  }