@media only screen and (max-width: 600px){
  body{zoom: .25;}
}

/* @media only screen and (min-width: 600px){
  body{zoom: .39;}
} */

@media only screen and (min-width: 600px){
  body{zoom: .39;}
}

@media only screen and (min-width: 800px){
  body{zoom: .52;}
}

@media only screen and (min-width: 1024px){
  body{zoom: .67;}
}

@media only screen and (min-width: 1280px){
  body{zoom: .83;}
}

@media only screen and (min-width: 1536px){
  body{zoom: 1;}
}

@media only screen and (min-width: 1728px){
  body{zoom: 1.125;}
}

@media only screen and (min-width: 1920px){
  body{zoom: 1.25;
  overflow: hidden;}
}


/* @media only screen and (max-width: 600px){
  body{zoom: .3;}
}

@media only screen and (min-width: 600px){
  body{zoom: .3;}
}

@media only screen and (min-width: 800px){
  body{zoom: .4;}
}

@media only screen and (min-width: 1024px){
  body{zoom: .53;}
}

@media only screen and (min-width: 1280px){
  body{zoom: .66;}
}

@media only screen and (min-width: 1536px){
  body{zoom: .8;}
}

@media only screen and (min-width: 1728px){
  body{zoom: .9;}
}

@media only screen and (min-width: 1920px){
  body{zoom: 1;
  overflow: hidden;}
} */


  #header{
    /* position: fixed; */
    /* height: 150px; */
    left: 0px;
    top: 0px;
    right: 0px;
    /* position: absolute; */
    /* position: relative; */
    z-index: 1;
  }

  #hr1{
    margin: 0px;
    border: 0px;
   height: 7px;
    background-color: 010a43;
  }

  #companyName{  
    color: white;
    font-family:serif;
    text-align: center;
    margin: 0px;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 35px;
    background-color: #192966;  
  }

  #displayUserDetails{
    position: absolute;
    z-index: 10;
    left: 20px;
    top: 10px;
    width: 300px;
  }

  .displayUserParameter{
    margin-top: 5px;
    margin-bottom: 5px;
    color: white;
    font-size: 1em;
  }

  #companyLogo{
    position: absolute;
    z-index: 1;
    left: 93.5%;
    top: 12px;
    width: 80;
  }

  .headerBtn{
    display: flex; 
  }

  #hr2{
    margin: 0px;
    border: 0px;
    height: 4px;
    background-color: 010a43;
  }

  .username{
    color: white;
    position: absolute;
    top: 10%;
    left: 85%;
  }

  #footer{
    position: fixed;
    height: 8px;
    left: 0px;
    top: 97%;
    right: 0px;
  }

  #footerDetails{  
    color: black;
    font-family:sans-serif;
    text-align: center;
    margin: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    font-size: 13.5px;
    /* background-color: #192966;   */
  }