@media (min-width: 480px) and (max-width: 1204px){

    #nav-ordinateur {display: none;}
    #video_background{display: none;}
    #toggle {display: initial;}
    #nav-mt{display: initial;}

    /****** Header *******/

    header {
        height: 50px;
    }

    header div p {
        font-size: 20px;
    }

    #toggle {
        display: none;
    }
      
    /** Nav bar **/

    .hamburger {
      position: absolute;
      top: 45px;
      right: 5%;
      margin-left: -2em;
      margin-top: -45px;
      width: 2em;
      height: 45px;
      z-index: 5;
    }
    
    .hamburger div {
      position: relative;
      width: 3em;
      height: 3px;
      border-radius: 3px;
      background-color: #3385ff;
      margin-top: 8px;
      transition: all 0.3s ease-in-out;
    }

    #nav-mt {
      position: fixed;
      width: 100%;
      height: 100%;
      background-color: white;
      top: -100%; left: 0; right: 0; bottom: 0;
      overflow: hidden;
      transition: all 0.3s ease-in-out;
      transform: scale(0);
    }
    
    .nav-mt-wrapper {
      position: relative;
      overflow: hidden;
      overflow-y: auto;
      height: 100%;
    }

    #nav-mt div nav {
      text-align: center;
      width: 60%;
      margin: 13% 18% 0 auto;

    }

    #nav-mt div nav a {
      position: relative;
      text-decoration: none;
      color: #3385ff;
      font-size: 2em;
      display: inline-block;
      margin-top: 1.25em;
      transition: color 0.2s ease-in-out;
      letter-spacing: 2px;
    }

    .nav-mt-drop {
      color: #3385ff;
      padding: 16px;
      font-size: 16px;
      border: none;
      cursor: pointer;
      margin-top: 20px;
      font-family: 'Aldrich', sans-serif;
      letter-spacing: 2px;
      font-size: 2em;
    }
  
    .nav-mt-dropdown {
      position: relative;
      display: inline-block;
    }
    
    .nav-mt-dropdown-content {
      display: none;
      position: absolute;
      background-color: #f1f1f1;
      min-width: 160px;
      overflow: auto;
      box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
      z-index: 1;
    }
    
    .nav-mt-dropdown-content a {
      color: black;
      padding: 12px 16px;
      text-decoration: none;
      display: block;
    }
    
    .nav-mt-dropdown a:hover {background-color: #ddd;}
    
    .show {display: block;}

    #toggle:checked + .hamburger .top-bun {
      transform: rotate(-45deg);
      margin-top: 25px;
    }
    #toggle:checked + .hamburger .bottom-bun {
      opacity: 0;
      transform: rotate(45deg);
    }
    #toggle:checked + .hamburger .meat {
      transform: rotate(45deg);
      margin-top: -7px;
    }
    
    #toggle:checked + .hamburger + #nav-mt {
      top: 0;
      transform: scale(1);
    }

    .scrolled-header{
        height: 50px;
    }

    /****** Conatct *******/

    .mg-decoupe-laser-info #map {
      display: none;
    } 
}