/*-------- X-SMALL – SMALL - MEDIUM [Slide Images For Mobile] --------*/
@media screen and (max-width:991px) and (orientation : portrait){
#homepage .mobile {display:block !important;}
#homepage .desktop {display:none !important;}
}	
	
/*-------- X-SMALL – SMALL - MEDIUM --------*/
@media screen and (max-width:991px){
h1{font-size:30px;}
h2{font-size:24px;}
h3{font-size:20px;}
h4{font-size:16px;}
h5{font-size:11px;}
p{font-size:20px; line-height:1.2;}

.sticky {top: 60px !important;}
	
#summaryMenuButton{display:block !important;}
#header .row #summaryMenuHeader {display:none !important;}
#summarySmallMenuHeader{display:block !important;}

#footer {padding-bottom:16px;}
#footer .row div{height:auto;}
#footer h2{height:50px; padding-top:16px; padding-bottom:16px;}
#footer .row #summarySocialNetworks h2:first-child {margin-left:0px;}
#footer .row #summarySocialNetworks h2 {float:left; margin-right:30px;}
	

#homepage {height:100svh; max-height:100vh;}
#homepage .row .topImage{height:100svh; max-height:100vh;}
#homepage .row .topImage > img{height:100svh;}
	
#updates .updateItem .videoThumbnail svg {width:60px; margin-left: calc(50% - 30px);}
	
#projects .projectItem {margin-bottom:75px;}
#projects .projectItem:last-child, #projectsByList {margin-bottom:100px;}
#projects .projectItem .imgContainer {height:calc(100vh * 0.3);}
#projects .projectItem a .row div .imgOverlay, #projects .projectItem a .row div .imgOverlayBackground, #projects .projectItem a .row div .noImgOverlay {display:none !important;}
#projects .projectItem h3 {white-space: normal !important;}
#projectsByList .thumbnailImage, #projectsByList .thumbnailImage.active {display:none !important;}


#preMainContainer .row .mainImage, #preMainContainer .row .topImage, #preMainContainer .row .mainImageGradient{height: calc(100vh / 1.75);}
#preMainContainer .row .topImage > img{object-fit: cover; object-position: center bottom; width:100vw; height:calc(100vh / 1.75); opacity: 0;} 

#mainContainer.singleProject{position:relative; top:0px; margin-top: calc(100vh / 1.75); margin-bottom:100px;}

#project {padding-left:20px; padding-right:20px;}
#project .projectCredits {margin-top:100px;}
#project .projectCredits .creditsItem {margin-bottom:15px;}
#project .projectSinopsis {margin-top:75px; margin-bottom:0px;}
	
#studio .row .list h4 {margin-bottom:20px;}
#studio .row .imageGrid .row div{margin-bottom:10px;}



}


/*-------- SMALL --------*/
@media screen and (max-width:767px){

h1{font-size:35px;}
h2{font-size:25px;}
h3{font-size:20px;}
h4{font-size:16px;}
h5{font-size:12px;}
p{font-size:20px;}
	
#header, #updates, #footer, #projects, #projectsByList, #switchListGrids, #project, #studio {padding-left:15px; padding-right:15px;}
#header .row #summaryMenuHeader h2 ul li, #header .row #summaryMenuHeader .languageSwitch ul li {margin-left:15px;}
#summaryMenuButton{right:15px;}
	
#updates .largeItem h4, #updates .largeItem p {max-width: 100%;}
#footer #summaryMainPhrase h2{padding-bottom:75px;}
	
#projectsByList .location {display:none !important;}

#project .otherProjects {display:none;}
#project .projectImage {margin-top:100px;}
#project .projectSinopsis {margin-top:75px;}

#studio .row {margin-bottom:40px;}
#studio .teamAndContacts .title, #studio .row .list .title, #studio .row .imageGrid .title{margin-top:40px;}
#studio .row h3{margin-bottom:15px;}
#studio .row h3.title{font-size:16px;}
#studio	.row.teamAndContacts div:first-child{margin-bottom:80px;}
#studio .row.teamAndContacts div p .lowerCase, #studio .row.teamAndContacts div h3 svg{display:none;}
#studio .row .list .listItem {height:40px; padding-top:6px; padding-bottom:5px;}
#studio .row .list .listItem svg{margin-top:0px;}
#studio .row .imageGrid a .imageGridItemCaption {opacity:1;}
#studio .row .imageGrid .row .imageGridItemCaption {margin-top:10px;}

#studio .row .list .listItem {height: auto !important;}
#studio .row .list .listItem div p{white-space: normal; text-overflow:unset; overflow-x: auto; overflow-y:auto;}
	
	
}


/*-------- MEDIUM --------*/
@media screen and (min-width:768px) and (max-width:991px){
	
h1{font-size:38px;}
h2{font-size:23px;}
h3{font-size:20px;}
h4{font-size:14px;}
h5{font-size:12px;}
p{font-size:16px;}
p.small, .small p{font-size:13px; line-height:1.2;}
	
#header .row #summaryLogotype svg{height:32px;}
#summaryMenuButton button, #summaryMenuButton button svg{width:32px; height:32px;}

#footer {padding-bottom:16px;}
#footer .row div{display:flex; height:35px;}
#footer h2{ height:auto;}
	
	
#projects .projectItem {margin-bottom:90px;}
#projects .projectItem div h4 {font-size:16px !important;}
#projects .projectItem .imgContainer {margin-bottom:15px;}
#projects .projectItem:last-child {margin-bottom:125px;}
#projectsByList .projectItem {padding-top:13px;}
	
#project .projectCredits .creditsItem {margin-bottom:20px;}
#project .projectImage {margin-top:100px;}
#project .projectSinopsis {margin-top:100px;}
#project .otherProjects {margin-top: 150px; margin-bottom: 150px;}


#studio{padding-left:20px; padding-right:20px;}
#studio .row {margin-bottom:62px;}
#studio .teamAndContacts .title, #studio .row .list .title, #studio .row .imageGrid .title{margin-top:62px;}
#studio .excerptText h2 {font-size:20px;}
#studio .row.teamAndContacts div h3 svg{display:none;}
#studio .row .list .listItem {height:41px; padding-top:11px;}
#studio .row .list .listItem svg{width:16px; height:16px; margin-top:-6px;}
#studio .row .imageGrid .row .imageGridItemCaption {margin-top:10px;}
#studio .row h3.title, #studio .row h3{font-size:16px;}


}



/*-------- LARGE --------*/
@media screen and (min-width:992px) and (max-width:1199px){
		
h1{font-size:43px;}
h2{font-size:28px;}
h3{font-size:20px;}
h4{font-size:14px;}
h5{font-size:13px;}
p{font-size:20px;}
p.small, .small p{font-size:14px; line-height:1.2;}
	
#footer .row div{display:flex; height:45px;}
#footer .row #summarySocialNetworks h2 {margin-right:20px;}
#footer .row #summarySocialNetworks h2:first-child {margin-left:0px;}
	
#projects .projectItem {margin-bottom:125px;}
#projects .projectItem div h4 {font-size:16px !important;}
#projectsByList .thumbnailImage, #projectsByList .thumbnailImage.active {display:none !important;}
#projectsByList .projectItem {padding-top:13px;}

#project .projectImage {margin-top:100px;}
#project .projectSinopsis {margin-top:100px;}
#project .otherProjects {margin-top: 150px; margin-bottom: 150px;}

#studio .row {margin-bottom:60px;}
#studio .teamAndContacts .title, #studio .row .list .title, #studio .row .imageGrid .title{margin-top:90px;}
#studio .excerptText h2 {font-size:24px;}
#studio .row .list .listItem {height:51px; padding-top:11px;}
#studio .row .list .listItem svg{width:16px; height:16px; margin-top:0px;}
#studio .row .imageGrid .row .imageGridItemCaption {margin-top:10px;}
#studio .row h3.title{font-size:20px;}


}



/*-------- X-LARGE --------*/
@media screen and (min-width:1200px) and (max-width:1399px){
h1{font-size:30px;}
h2{font-size:28px;}
h3{font-size:20px;}
h4{font-size:16px;}
h5{font-size:11px;}
p{font-size:20px;}
p.small, .small p{font-size:14px; line-height:1.2;}
	
#footer .row #summarySocialNetworks h2 {margin-right:40px;}
#footer .row #summarySocialNetworks h2:first-child {margin-left:0px;}
	
#studio .row .list .listItem {height:51px; padding-top:11px;}
#studio .row .list .listItem svg{width:16px; height:16px; margin-top:0px;}
#studio .row .imageGrid .row .imageGridItemImage {height:400px;}
#studio .row .imageGrid .row .imageGridItemCaption {margin-top:10px;}
#studio .row h3.title{font-size:20px;}



	
}



/*-------- XXX-LARGE --------*/
@media screen and (min-width:1920px){
#mainContainer.singleProject{max-width:100%;}
#project {max-width:1920px;}
}




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