@media (min-width: 320px) and (max-width: 479px){

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

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

   header {
       height: 40px;
   }

   header div p {
       font-size: 18px;
       margin: 10px 0 0 13px;
   }

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

   .hamburger {
     position: absolute;
     top: 53px;
     right: 10%;
     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: 3px;
     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: left;
     width: 60%;
     margin: 13% 29% 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;
     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: 40px;
   }  

    
   /****** Atelier *******/

   .cardMachine {
    height: 768px;
    background-position-x: -1132px;
   }

   .cardMachine-content {
    padding: 13px;
  }
  
  #machine4 {
	  margin-top: 19%;
  }

  /****** Le stock *******/

  #stock h3 {
      font-size: 30px;
  }

  #stock p {
      width: 70%;
  }
  
  #images-stock {
    width: auto;
  }

  #images-stock ul li {
      width: 100%;
      float: none;
  }

  #images-stock img {
    width: 77%;    
  }
}