@import '../components/count.css';

.menu-desktop{
	z-index:6;
}

section{
	height: calc(var(--real-vh, 1vh) * 100);
	overflow: hidden;
	width:100vw;
	position:fixed;
	top:0vh;
	margin:0;
}

.home-page-grid{
	height:100vh;
	width:100vw;
	overflow: hidden;
}

.home-page-grid li img{
	position:absolute;
}

#image-1, #image-8, #image-12 {
	width:50vw;
	right:0vw;
}

#image-2, #image-5, #image-9{
	height:55vh;
	top:14vh;
	left:24vw;
}

#image-3, #image-6, #image-10{
	height:68vh;
	left:3vw;
	top:4.5vh;
}


#image-4, #image-7,  #image-11 {
	height:81vh;
	left:50vw;
	transform: translate(-50%);
	bottom:0;
}


/*MOBILE ---------------------------------------------------*/
/*----------------------------------------------------------*/
@media screen and (max-width: 768px) {

#image-1, #image-8, #image-12{
	width:auto;
	top:0vh;
	right:auto;
	height:85vh;
	left:3vh;
}

#image-2, #image-5, #image-9{
	height:auto;
	width:calc(100% - 30vw - 3vh);
	top:auto;	
	bottom:10vh;
	left:30vw;
	right:3vh;
}

#image-3, #image-6, #image-10{
	height:57vh;
	right:6vh;
	left:0;
	top:5vh;
}

#image-4, #image-7, #image-11{
	height:auto;
	width:90vw;
	right:0;
	left:auto;
	transform: translate(0);
	bottom:0;
}

}