/* NAVIGATION CSS */

.navbar {
    /*  border-bottom: 1px solid #1c1b1b; */
     margin: 0em -1.7em;
     position: fixed;
     left: 25px;
     right: 22px;
     padding: 0.5em;
     /* background-color: #3e3c3c; */
    /*  background-color: darkblue;  #0375d0*/
      box-shadow: 1px 1px 2px  #000068;
      box-shadow: 1px 1px 2px  #2a2828; 
 
    /*  
     background-color: #0375d0;
     box-shadow: 1px 1px 2px  #015ca6;  
    */
 
 }
 
 .hidden {
    display: none;
  }
  
  .show {
    display: block;
  }

 
 .nav-display {
     padding-bottom: 1em;
     font-size: 1.2em;
     font-family:"Lato", Verdana, Geneva, Tahoma, sans-serif;
 }
 
 
 @media (min-width:60px) and (max-width:300px) {
     .navbar {
         /* border-bottom: 1px solid #1c1b1b; */
         margin: 0em -1.0em;
         position: fixed;
         left: 17px;
         right: 12px;
         bottom: auto;
         padding: 0.2em;
         box-shadow: 1px 1px 2px  #000068;
         box-shadow: 1px 1px 2px  #2a2828; 
         /* background-color: darkblue;
         box-shadow: 1px 1px 2px  #000068; */
         /* background-color: #0375d0;
         box-shadow: 1px 1px 2px  #015ca6; */ 
      /*    background-color: #3e3c3c;
         box-shadow: 1px 1px 2px  #2a2828; */
     }
     .header_company_name {
         font-size: 0.2em;
         background: red
     }
 
     .nav-display {
         font-size: 1em;
         font-family:"Lato", Verdana, Geneva, Tahoma, sans-serif;
     }
     
 }
 
 @media (min-width:740px) and (max-width:799px) {
     .navbar {
         /* border-bottom: 1px solid #1c1b1b; */
         margin: 0em -3.0em;
         position: fixed;
         left: 40px;
         right: 37px;
         bottom: auto;
         box-shadow: 1px 1px 2px  #000068;
         box-shadow: 1px 1px 2px  #2a2828; 
         padding: 0.7em;
         /* background-color: darkblue;
         box-shadow: 1px 1px 2px  #000068; */
 
         /* background-color: #0375d0;
         box-shadow: 1px 1px 2px  #015ca6;  */
 
      /*    background-color: #3e3c3c;
         box-shadow: 1px 1px 2px  #2a2828; */
     }
 }
 
 @media (min-width:800px) {
     .navbar {
         /* border-bottom: 1px solid #1c1b1b; */
         margin: 0em -3.5em;
         position: fixed;
         left: 48px;
         right: 46px;
         bottom: auto;
         padding: 1em;
         /* background-color: darkblue;
         box-shadow: 1px 1px 2px  #000068; */
         /* 
         background-color: #0375d0;
         box-shadow: 1px 1px 2px  #015ca6;  */
 
 
      /*    background-color: #3e3c3c;
         box-shadow: 1px 1px 2px  #2a2828; */
     }
 }