/*-------- 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; top:50%; 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 #atmusMenuHeader li h2 a, #header .row #atmusLanguage li h2 a{color:rgba(90,75,61,1) !important;}
#header .row #atmusMenuHeader li h2 a:hover, #header .row #atmusLanguage li h2 a:hover {color:rgba(90,75,61,0.7) !important;}
#header .row #atmusLanguage li svg{margin-top:25px;}
#header .row #atmusLanguage li svg{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;}
#footer .row #socialNetworks a span{display:none;}
#footer .row #socialNetworks a:after{content:'SC';}
    
#sponsorsFooter{padding-top:10px; padding-bottom:45px;}
#sponsorsFooter .row svg{width:120px;}
    
#mainBlock #projectsBlock .project .row .image img{max-height:none;}
    

}


/*-------- X-SMALL - SMALL --------*/
@media screen and (max-width:767px){
h1{font-size:50px;}  
h3{font-size:15px;}  

#mainBlock #atmusIntroBlock .atmusIntro{padding-bottom:10px;}
#mainBlock #atmusIntroBlock .atmusIntro .row .title{display:block !important; margin-top:65px; margin-bottom:40px;}
#mainBlock #atmusIntroBlock .atmusIntro .row .title:nth-child(2){margin-bottom:70px;}
#mainBlock #atmusIntroBlock .atmusIntro .row .title h1{font-size:78px; letter-spacing:-4px; text-align:center;}
#mainBlock #atmusIntroBlock .atmusIntro .row .mainList h2{font-size: 26px; margin-bottom:45px; text-align:center;}
#mainBlock #atmusIntroBlock .atmusIntro .row .mainList h2 .itemMark{font-size:14px; vertical-align:4px; margin-left:8px; margin-right:8px; margin-top:0px;}
#mainBlock #atmusIntroBlock .atmusIntro .row .image{margin-bottom:30px;}
#mainBlock #atmusIntroBlock .atmusIntro .row .highlightParagraph{margin-bottom:20px;}
#mainBlock #atmusIntroBlock .atmusIntro .row .highlightParagraph p{font-size:18px; text-align:left;}
#studioButton{transition:all 0.5s;}
#studioButton button{width:90%; height:40px; padding-top:3px; padding-bottom:15px; right:auto; left:50%; translate:-50%; bottom:60px; background:linear-gradient(90deg, rgba(135,255,210,1) 0%, rgba(197,197,197,1) 100%); animation: none; transition:all 0.5s;}
#studioButton h2{font-size:21px;}


#mainBlock #atmusStudioBlock .atmusStudio{padding-top: 0px; padding-bottom:80px; border-bottom:1px solid var(--slight-border-color);}
#mainBlock #atmusStudioBlock .atmusStudio .row .title{display:none !important; margin-top:0px; margin-bottom:70px;}
#mainBlock #atmusStudioBlock .atmusStudio .row .mainList h2{font-size: 26px; margin-bottom:45px; line-height:1.3; text-align:center;}
#mainBlock #atmusStudioBlock .atmusStudio .row .mainList h2 .itemMark{font-size:14px; vertical-align:4px; margin-left:8px; margin-right:8px; margin-top:0px;}
#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 .paragraph p{font-size:18px;}
#mainBlock #atmusStudioBlock .atmusStudio .row .contacts{margin-top:30px;}
    
    
#mainBlock #projectsBlock .project:first-child{margin-top:30px;}
#mainBlock #projectsBlock .project .row .title{margin-bottom:10px;}
#mainBlock #projectsBlock .project .row .title h1{word-wrap: break-word; overflow-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto;}
#mainBlock #projectsBlock .project .row .subtitle{margin-top:15px; margin-bottom:35px;}
#mainBlock #projectsBlock .project .row .paragraph{margin-top:15px; margin-bottom:35px;}
#mainBlock #projectsBlock .project .row .paragraph p{font-size:18px; line-height:1.3;}

    
#mainBlock #agendaBlock .event{padding-top:30px; padding-bottom:15px;}
#mainBlock #agendaBlock .event .row .date {margin-bottom:20px;}
#mainBlock #agendaBlock .event .row .title {margin-bottom:20px;}
#mainBlock #agendaBlock .event .row .name {margin-bottom:40px;}
#mainBlock #agendaBlock .event .row .local {margin-bottom:40px;}
#mainBlock #agendaBlock .event .row .date h2{font-size:32px; letter-spacing:0;}
#mainBlock #agendaBlock .event .row .title h1{font-size:50px; letter-spacing:0;}
}

/*-------- SMALL --------*/
@media screen and (min-width:576px) and (max-width:767px){
h1{font-size:48px;}  
    
#mainBlock #atmusIntroBlock .atmusIntro .row .title{display:block !important; margin-top:60px; margin-bottom:45px;}
#mainBlock #atmusIntroBlock .atmusIntro .row .title h1{font-size:155px; letter-spacing:-9px;}
#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;}

#mainBlock #agendaBlock .event .row .title h1{font-size:68px; letter-spacing:0;}

}

/*-------- MEDIUM --------*/
@media screen and (min-width:768px) and (max-width:991px){
    
#mainBlock #atmusIntroBlock .atmusIntro .row .title{display:block !important; margin-top:80px; margin-bottom:70px;}
#mainBlock #atmusIntroBlock .atmusIntro .row .title h1{font-size:175px; letter-spacing:-12px;}
#mainBlock #atmusIntroBlock .atmusIntro .row .mainList h2{font-size: 42px; margin-bottom:45px; text-align:center;}
#mainBlock #atmusIntroBlock .atmusIntro .row .mainList h2 .itemMark{font-size:22px; vertical-align:6px; margin-left:8px; margin-right:8px; margin-top:0px;}
#mainBlock #atmusIntroBlock .atmusIntro .row .image{margin-bottom:50px;}

#mainBlock #atmusStudioBlock .atmusStudio .row .mainList h2{font-size: 42px; margin-bottom:65px; text-align:center;}
#mainBlock #atmusStudioBlock .atmusStudio .row .mainList h2 .itemMark{font-size:22px; vertical-align:6px; margin-left:8px; margin-right:8px; margin-top:0px;}
#mainBlock #atmusStudioBlock .atmusStudio .row .image{margin-bottom:55px;}
    
#mainBlock #projectsBlock .project:first-child{margin-top:30px;}
#mainBlock #projectsBlock .project .row .title{margin-bottom:10px;}
#mainBlock #projectsBlock .project .row .subtitle{margin-top:15px; margin-bottom:35px;}
#mainBlock #projectsBlock .project .row .paragraph{margin-top:15px; margin-bottom:35px;}
#mainBlock #projectsBlock .project .row .paragraph p{font-size:21px; line-height:1.3;}
    
#mainBlock #agendaBlock .event{padding-top:30px; padding-bottom:15px;}
#mainBlock #agendaBlock .event .row .date {margin-bottom:20px;}
#mainBlock #agendaBlock .event .row .title {margin-bottom:20px;}
#mainBlock #agendaBlock .event .row .name {margin-bottom:40px;}
#mainBlock #agendaBlock .event .row .local {margin-bottom:40px;}
}


/*-------- 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 svg{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;}

/*-------- [PROJECTS] --------*/   
#mainBlock #projectsBlock .project:first-child{margin-top:40px;}

    
    
/*-------- [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:30px; letter-spacing:0px;}   
}




/*-------- 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%}
    
/*-------- [AGENDA] --------*/
#mainBlock #agendaBlock .event .row .date h2{font-size:36px; letter-spacing:0;}
#mainBlock #agendaBlock .event .row .title h1{font-size:60px; letter-spacing:0;}
}




/*-------- 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){}