/* You can change this file 
---------------------------
Please use the IDs provided as much as possible
This css file is for everything related to the #gallery section
*/

@media only screen and (min-width: 1000px) {
    

#gallery {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    border: none;
	padding-bottom: 5%;
}  

#gallery > img {
    width:  100%;
    height: 32vw;
 object-fit: cover;
  object-position: 50% 70%; /* position from left then top */
	position:absolute;
	z-index: 1;
}

#gallery #halfblock {
    width: 49.5%;
    height: auto;
    margin: 0px auto;
    padding: 0;
    border: inherit;
    position: relative;

}

#gallery #halfblock #inset {
padding: 5%;
width: 90%;
height: auto;
}

button {
   width: auto;
   height:  auto;
   padding: 2% 5%;
   border:  none; 
}


#gallery #thirdblock {
    width: 32.5%;
    height: auto;
    margin: 0px;
    padding: 0;
    border: inherit;
}

#gallery #fifthblock #inset {
	background: white;
	border: 3px solid white;
}

#gallery #fifthblock img {
    width:  100%;
    height: 10vw;
 object-fit: cover;

}


#gallery #fullblock{
	position:relative;
	margin-top: 10vh;
	width:100%;
	z-index:1;
}

#gallery #fifthblock #inset{
	width:95%;
	height: 10vw;
	padding:0;
	text-align:center;
}

#gallery i{
	font-size:1vw;
	padding-top:0%;
	display:inline;
}

}