/* RESPONSIVE */




/*---------------------------------------------------*/
/*     ENTRE 1280 et 1680 = LARGE                    */
/*---------------------------------------------------*/

@media screen and (min-width: 1281px) and (max-width: 1680px) {
    
   
}




/*---------------------------------------------------*/
/*     ENTRE 1025 et 1280 = LAPTOPS                  */
/*---------------------------------------------------*/

@media screen and (min-width: 1025px) and (max-width: 1280px) {
    
    #nav { gap:25px; }
    #menu-hamburger, #menu-container { display: none; }

    .content-thumb { width: 25%; }

    #footer-nav { gap:9px; }
    #footer #logo { display:none; }
   
}



/*---------------------------------------------------*/
/*     IPAD                                          */
/*---------------------------------------------------*/
@media screen and (min-width: 761px) and (max-width: 1024px) {
    
    #nav { display:none; }
    #menu-hamburger { display: block;top:11px; }
    #menu-container { padding: 80px 20px 80px 77px; }

    #content-back-home { top:108px; }
    h2 { font-size:68px; }
    .article h2 { max-width: 500px; }
    h3 { font-size:44px; }
    .content-item-subhead { font-size:22px; }
    .content-thumb { width: 33.33%; }

    .content-bio {
        -webkit-columns: 1;
         -moz-columns: 1;
              columns: 1;
        max-width: 760px;
    }
    .content-bio img { width:50%;margin-right: 40px;float:left; }


    #footer-nav { gap:5px; }
    #footer #logo { display:none; }

}
/*---------------------------------------------------*/
/*     < 760 = SMALL                                 */
/*---------------------------------------------------*/

@media screen and (min-width: 641px) and (max-width: 760px) {
    
    #nav { display:none; }
    #menu-hamburger { display: block; }
    #menu-container { padding: 80px 20px 80px 77px; }

    #features-content { font-size:48px; }

    #content {
        width: calc(100% - 80px);
    }
    .content-cols { flex-flow: column nowrap; }
    .content-col:nth-child(1) { padding-right:0px;padding-bottom:20px; }
    .content-col:nth-child(2) { padding-left:0px; }
    .content-col.col-img { width:100%; }
    .col-img img { width:100%; }
    .content-col.col-txt { width: 100%; }

    #content-back-home { display:none; }
    .content-thumb { width: 50%; }

    .atelier-col, 
    .atelier-col:nth-child(1), 
    .atelier-col:nth-child(2)  { margin-left: 0;width: 100%; }
    .atelier-col:nth-child(2) { margin-top:40px; }

    .content-bio {
        -webkit-columns: 1;
         -moz-columns: 1;
              columns: 1;
        max-width: 640px;
    }
    .content-bio img { width:50%;margin-right: 40px;float:left; }

    #footer-nav {
        padding-right: 16px;
        top: 84px;
        justify-content: space-between;
        flex-flow:  row wrap;
        border: solid 0px tomato;
        width: 400px;
        gap:  10px;
    }
    #footer-nav .nav-element { 
        width: 115px;
        font-size:14px; 
        text-align: center;
    }

    #footer #logo { display:none; }
    #footer-logo { bottom:75px; }
    #footer-name { left:40px; }

    #footer-bg { opacity:0.5; }
   
}
/*---------------------------------------------------*/
/*     < 640 = SMALL                       */
/*---------------------------------------------------*/

@media screen and (max-width: 640px) {

   /* #ambiance { bottom: 20px;left: 20px;width: 40px;height:40px; }*/

    #logo { margin-right: 8px; }
    #logotype { left:20px; }
    #logotype h1 { font-size:18px; }
    #logotype .logotype-quality { font-size:18px; }

    #features { padding-left:20px; }
    #features-content { font-size:36px; }

    #header-box { left: 20px;width: calc(100% - 40px); }

    h2 { font-size:48px;  }
    .article h2 { font-size:48px; }
    h3 { font-size:40px; }

    #nav { display:none; }
    #menu-hamburger { display: block;right:0px;top:11px; }
    #menu-container { padding: 80px 20px 80px 50px; }

    #content {
        width: calc(100% - 40px);
    }
    .content-title-sep { margin: 25px 0 45px 0; }
    .content-cols { flex-flow: column nowrap; }
    .content-col:nth-child(1) { padding-right:0px;padding-bottom:20px; }
    .content-col:nth-child(2) { padding-left:0px; }
    .content-col.col-img { width:100%; }
    .col-img img { width:100%; }
    .content-col.col-txt { width: 100%; }

    #content-back-home { display:none; }
    .content-thumb { width: 100%; }

    .content-bio {
        -webkit-columns: 1;
         -moz-columns: 1;
              columns: 1;
        
    }

    .atelier-col, 
    .atelier-col:nth-child(1), 
    .atelier-col:nth-child(2)  { margin-left: 0;width: 100%; }
    .atelier-col:nth-child(2) { margin-top:40px; }

    #footer-nav {
        padding: 0 40px;
        top: 20px;
        justify-content: space-between;
        flex-flow:  row wrap;
        border: solid 0px tomato;
        width: 100%;
        gap:  40px 10px;
    }
    #footer-nav .nav-element { 
        width: 115px;
        font-size:14px; 
        text-align: center;
    }

    #footer #logo { 
        display:inline-block; 
        background-image: url(imgs/logo-cecile-palusinski-rose.svg);   
        top: 9px;margin: 0; 
        width: 40px;height: 40px; 
    }
    #footer-logo { display:none }
    #footer-name { bottom: 17px;left:20px; }
    #footer-name h1 { display: none;font-size:16px; }
    #footer-name .logotype-quality { display: none;font-size:16px;top:-1.5px;left:-5px; }

    #footer-bg { 
        width: 100%;opacity:0.8; 
        top: 0;background-position:  center 60px;
    }

    #footer-legal { right:20px; }


}