 .header {
     width: 100%;
     height: 100px;
     display: flex;
     align-items: center;
     /* vertical centering */
     justify-content: space-between;
     /* logo left, contact right */
     padding: 0 20px;
     /* spacing inside */
     background: #EAEFEF;
     /* optional background */
     z-index: 999;
     position: fixed;
     top:0;
     border-bottom: 2px solid #1D1616;
 }

 .logo {
     height: 100px;
     /* matches header height */
     display: flex;
     align-items: center;
 }

 .logo img {
     height: 100%;
     /* fit div height */
     width: auto;
     /* keep aspect ratio */
 }

 .contact-info {
     text-align: right;
     font-size: 14px;
     line-height: 1.4;
     color: #1D1616;
 }

 .contact-info .phone {
     font-weight: bold;
 }



 /* Navigation container */
 nav {
     margin-top: 100px;
     background: #1D1616;
     width: 100%;
     z-index: 999;
 }

 nav ul {
     list-style: none;
     display: flex;
     flex-wrap: wrap;
 }

 nav ul li {
     position: relative;
 }

 nav ul li a {
     display: block;
     padding: 12px 20px;
     color: #fff;
     text-decoration: none;
 }

 nav ul li a:hover {
     background: #444;
 }

 /* Submenu */
 nav ul li ul {
     display: none;
     position: absolute;
     top: 100%;
     left: 0;
     background: #444;
     min-width: 180px;
     flex-direction: column;
      z-index: 999;
 }

 nav ul li ul li a {
     padding: 10px 15px;
 }

 nav ul li:hover ul {
     display: block;
     /* show on hover (desktop) */
 }

 /* Responsive toggle */
 .menu-toggle {
     display: none;
     background:#1D1616;
     color: #fff;
     padding: 12px 20px;
     cursor: pointer;
     top:100px;
     z-index:998;
     position:relative;

 }

 @media (max-width: 768px) {
     nav ul {
         display: none;
         flex-direction: column;
         width: 100%;
     }

     nav ul li {
         width: 100%;
     }

     nav ul li ul {
         position: relative;
         z-index:998;
      }

     .menu-toggle {
         display: block;
               
     }
 }