@media screen and (max-width:1280px){
    section#contact .contact-content{
     width: 1024px;   
    }
    section#contact form input, section#contact form textarea{
        width: 350px;
    }
}
@media screen and (max-width:1024px){
    .menu-btn-no-resp{
        display: none !important;
    }
    
    header nav.reduit{
        width: 100%;
        background: #000;
        padding: 20px;
        right: 0;
        top:0;
    }
    
    header nav a{
        display: inline-block;
        vertical-align: top;
        padding: 5px 10px 10px 10px;   
    }

    header nav.reduit img{
        display: inline-block;
        vertical-align: top;
    }
   nav.principale{
       display: none;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        background: #000;
        padding: 20px 20px 0 50px;
   }
   nav.principale.reduit{
	    padding: 20px 20px 0 50px !important;
   }
   nav.principale a{
       color: #FFF !important;
   }
   
   header .menu-btn{
       display: block;
   }
   
   div > h1{
       font-size: 100px;
   }
   
   section#accueil .content{
	   width: 80%;
   }
   
   .flipcard .front, .flipcard .back{
	   width: 75%;
	   font-size: 0.75em;
   }
   
   section#textiles .calagespan span{
       right: 100px;
   }
   
   section#textiles .calagespan span:nth-child(2){
       left: 100px;
   }
   
   section#textiles div.objets-content{
       width: 90%;
   }
   
   section#impression div.timeline-content{
       display: block;
   }
   
   img#timeline{
	   width: 85%;
	   margin: 0 auto;
	   display: block;
   }
   
   section#impression div.timeline-content div.ico-round.ligne2{
	   top:80px;
   }
   
   section#impression div.timeline-content div.ico-round.ligne3{
	   top:169px;
   }
   
   section#impression div.timeline-content div.ico-round.ligne4{
	   top:257px;
   }
   
   section#contact .contact-content{
       width: 100%;
   }
   
   section#contact .contact-content form{
           width: 80%;
           margin: 0 auto;
           display: block;
   }
   
   section#contact .contact-content form input, section#contact .contact-content form textarea{
       width: 96%;
       margin: 60px auto;
       float: none;
   }
   
   section#contact .contact-content form input.inputcaptcha{
	   width: 40px;
   }
   
   section#contact .contact-content form input[type="submit"]{
	   width: 200px;
   }
   
   section#contact .contact-content form input.inputcaptcha,   section#contact .contact-content form input[type="submit"]{
	   margin: 0;
   }
    
   section#contact iframe{
       display: block;
       width: 100%;
       padding: 50px 0 0 0;
   }
}