/***************************************************/
/***************************************************/
/*        R A N D O M   G A L L E R Y              */
/***************************************************/
/***************************************************/


#gallerycontainer {
width: 100vw;
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
}


#gallery {
width: 70vw;
height: 70vh;
box-sizing: border-box;
padding: 0px;
margin: 0px;
position: fixed;
}

.gallerypicp {
height: 33vh;
width: auto;
padding: 0px;
margin: 5px;
border: 2px #333 solid;
position: absolute;
background-position: center;
background-repeat: no-repeat;
background-size: contain; 
transform: translate(50%, 0%);
box-shadow: 0 0 3em 0.5em rgba(5,5,5,0.2);
}

.gallerypicl {
height: 33vh;
width: auto;
padding: 0px;
margin: 5px;
border: 2px #333 solid;
position: absolute;
background-position: center;
background-repeat: no-repeat;
background-size: contain; 
transform: translate(50%, 0%);
box-shadow: 0 0 3em 0.5em rgba(5,5,5,0.2);
}

#s1,#s2,#s3,#s4,#s5,#s6,#s7,#s8,#s9,#s10,#s11,#s12{
display: none;
height: 0px;
width: 0px;
padding: 0px;
margin: 0px;
font-size:0px;
}



@media (max-aspect-ratio: 1/1) {
	.gallerypicp {height: auto; width: 35vw;}
	.gallerypicl {height: 35vw; width: auto;}
}

@media (min-aspect-ratio: 1/1) {
	.gallerypicp {height: 35vh; width: auto;}
	.gallerypicl {height: auto; width: 35vh;}
}