@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: 100%;
  }

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

  .headerTop
  {
    width: 100%;
    /* height: 60px; */
    background-color: #2d4a8a; 
    color: white;
    /* display: flex; */
    align-items: center;
    padding: 5%;
  }

  .headerTopL
  {
    /* width: 90%; */
    /* margin-left: 5%; */
    font-size: 12px;
    margin-bottom: 5px;
  }


  .headerTopR
  {
    /* width: 30%; */
    display: flex;
    /* margin-right: 10%; */
    font-size: 12px;
  }

  .headerTopM
  {
    /* width: 90%; */
    /* margin-left: 5%; */
    font-size: 12px;
    margin-bottom: 5px;
  }

  .headerTopMenuL
  {
    width: 33.33%;
    margin-left: 10%;
  }


  .headerTopMenuR
  {
    width: 33.33%;
  }

  .headerTopMenuM
  {
    text-align: left;
    width: 33.33%;
  }


  




  @media only screen and (min-width: 768px)
  {

    .headerTop
    {
      width: 100%;
      height: 60px;
      background-color: #2d4a8a; 
      color: white;
      display: flex;
      align-items: center;
      padding: 0px;
    }

    .headerTopL
    {
      width: 40%;
      margin-left: 5%;
      padding: 0px;
      font-size: 13px;
    }
  
  
    .headerTopR
    {
      width: 30%;
      display: flex;
      margin-right: 5%;
      padding: 0px;
      font-size: 13px;
    }
  
    .headerTopM
    {
      text-align: left;
      width: 30%;
      padding: 0px;
      font-size: 13px;
    }

    .headerTopMenuL
    {
      width: 33.33%;
      margin-left: 10%;
    }
  
  
    .headerTopMenuR
    {
      width: 33.33%;
    }
  
    .headerTopMenuM
    {
      text-align: left;
      width: 33.33%;
    }
    
    .hp1
    {
      margin-left: 5vw;
      width: 30%;
    }
  
    .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%;
    }
    
   

  }