/*-------- MENU X-SMALL – MEDIUM --------*/
@media screen and (max-width:991px){

/*-------- [TYPOGRAPHY] --------*/    
h2{font-size:24px;}
    
/*-------- [GENERAL / MENU + FOOTER] --------*/   
#header .row{height:45px;}
#header .row #atmusLogotype svg{margin-top:4px; height:35px;}
#header .row #atmusMenuHeader, #header .row #atmusLanguage{opacity:0; pointer-events: none;}
#header .row #atmusMenuHeader, #header .row #atmusLanguage{position: fixed; background-color: #87FFD2; width:100%; height:50%; padding:0px;}
#header .row #atmusMenuHeader {top:0; left:0;}
#header .row #atmusLanguage {display:block !important; bottom:0; left:0;} 
#header .row #atmusMenuHeader li {float:none;}
#header .row #atmusMenuHeader li h2{font-size:48px; line-height:1;}
#header .row #atmusMenuHeader li h2, #header .row #atmusLanguage li h2{font-size:48px;}
#header .row #atmusLanguage li img.arrow{margin-top:25px;}
    
#atmusMenuButton{display:block; position:fixed; right:5px; top:8px;}
#atmusMenuButton button{float:right;}

#footer .row{height:45px; padding-top:7px;}
#footer .row #address{display:none;}
}


/*-------- X-SMALL - SMALL --------*/
@media screen and (max-width:767px){
#mainBlock #atmusIntroBlock .atmusIntro{padding-bottom:10px;}
#mainBlock #atmusIntroBlock .atmusIntro .row .title{display:block !important; margin-top:80px; margin-bottom:30px;}
#mainBlock #atmusIntroBlock .atmusIntro .row .title:nth-child(2){margin-bottom:70px;}
#mainBlock #atmusIntroBlock .atmusIntro .row .title h1{font-size:132px; letter-spacing:-9px; line-height:0.1;}
#mainBlock #atmusIntroBlock .atmusIntro .row .image{margin-bottom:40px;}
#mainBlock #atmusIntroBlock .atmusIntro .row .highlightParagraph{margin-bottom:20px;}
#mainBlock #atmusIntroBlock .atmusIntro .row .highlightParagraph p{font-size:24px;}


#mainBlock #atmusStudioBlock .atmusStudio .row .title{display:block !important; margin-top:80px; margin-bottom:70px;}
#mainBlock #atmusStudioBlock .atmusStudio .row .title h1{font-size:132px; letter-spacing:-9px; line-height:0.1; padding-right:30px;}
#mainBlock #atmusStudioBlock .atmusStudio .row .highlightImage{height:auto; margin-bottom:40px;}
#mainBlock #atmusStudioBlock .atmusStudio .row .image{margin-bottom:40px;}
#mainBlock #atmusStudioBlock .atmusStudio .row .highlightParagraph, #mainBlock #atmusStudioBlock .atmusStudio .row .paragraph{margin-bottom:20px;}
#mainBlock #atmusStudioBlock .atmusStudio .row .highlightParagraph p{font-size:24px;}
#mainBlock #atmusStudioBlock .atmusStudio .row .contacts{margin-top:30px;}
}

/*-------- SMALL --------*/
@media screen and (min-width:576px) and (max-width:767px){
#mainBlock #atmusIntroBlock .atmusIntro .row .title{display:block !important; margin-top:90px; margin-bottom:20px;}
#mainBlock #atmusIntroBlock .atmusIntro .row .title h1{font-size:155px; letter-spacing:-9px; line-height:0.1;}
#mainBlock #atmusStudioBlock .atmusStudio .row .title{display:block !important; margin-top:90px; margin-bottom:70px;}
#mainBlock #atmusStudioBlock .atmusStudio .row .title h1{font-size:155px; letter-spacing:-9px; line-height:0.1;}

}

/*-------- MEDIUM --------*/
@media screen and (min-width:768px) and (max-width:991px){

    
/*-------- [TYPOGRAPHY] --------*/     
    
/*-------- [GENERAL / MENU] --------*/
}


/*-------- LARGE --------*/
@media screen and (min-width:992px) and (max-width:1199px){

/*-------- [TYPOGRAPHY] --------*/ 
h1{font-size:54px;}
h2{font-size:22px;}
p{font-size:15px;}

/*-------- [GENERAL] --------*/
#header .row{height:45px;}
#header .row #atmusLogotype svg{margin-top:4px; height:35px;}
#header .row #atmusMenuHeader li{margin-top:10px;}
#header .row #atmusLanguage li{margin-top:10px;}
#header .row #atmusLanguage li img.arrow{margin-top:0px;}
    
#footer .row{height:45px; padding-top:9px;}
#footer .row #address{display:none;}

/*-------- [HOMEPAGE] --------*/
#mainBlock #atmusIntroBlock .atmusIntro .row .title h1, #mainBlock #atmusStudioBlock .atmusStudio .row .title h1{font-size:225px; letter-spacing:-17px; padding-right:10px;}    
#mainBlock #atmusIntroBlock .atmusIntro .row .highlightParagraph p, #mainBlock #atmusStudioBlock .atmusStudio .row .highlightParagraph p{font-size:22px; line-height:1.3;}
#mainBlock #atmusIntroBlock .atmusIntro .row .paragraph p, #mainBlock #atmusStudioBlock .atmusStudio .row .paragraph p{font-size:22px; line-height:1.3;}

/*-------- [ARTISTS] --------*/
#mainBlock #artistsBlock .artist:first-child{margin-top:20px;}
#mainBlock #artistsBlock .artist:last-child{padding-bottom:56px;}

/*-------- [EDITIONS] --------*/
#mainBlock #editionsBlock .timeLine{top:45px;}
#mainBlock #editionsBlock .edition:nth-child(3n){margin-left: 16.666%}
#mainBlock #editionsBlock .edition:last-child{padding-bottom:56px;}

/*-------- [AGENDA] --------*/
#mainBlock #agendaBlock .event:last-child{margin-bottom:45px;}
#mainBlock #agendaBlock .event .row .date h2{font-size:22px; letter-spacing:-1px;}   
}




/*-------- X-LARGE --------*/
@media screen and (min-width:1200px) and (max-width:1399px){

/*-------- [HOMEPAGE] --------*/
#mainBlock #atmusIntroBlock .atmusIntro .row .title h1, #mainBlock #atmusStudioBlock .atmusStudio .row .title h1{font-size:270px; letter-spacing:-20px; padding-right:15px;}

/*-------- [EDITIONS] --------*/   
#mainBlock #editionsBlock .edition:nth-child(3n){margin-left:24.666%}
}




/*-------- XX-LARGE --------*/
@media screen and (min-width:1400px) and (max-width:1779px){

/*-------- [HOMEPAGE] --------*/
#mainBlock #atmusIntroBlock .atmusIntro .row .title h1, #mainBlock #atmusStudioBlock .atmusStudio .row .title h1{font-size:320px; letter-spacing:-25px;}
}




/*-------- LANDSCAPE--------*/
@media screen and (max-width:991px) and (orientation : landscape){}