/* 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: 819px) {
    

#gallery, #long-gallery  {
    width: 100%;
    height: 45vw;
    position: relative;
    overflow: hidden;
    border: none;
	margin:0!important;
}  

#short-gallery {
	width:100%;
	height:30vw;
}

#short-gallery #featured img {
	width:99%;
	height:30vw;
	object-fit: cover;
	position:relative;
}

#gallery #halfblock:first-of-type, #long-gallery #halfblock:first-of-type, #short-gallery #halfblock:first-of-type {
	text-align:left;
	width:50%;
	position:relative;
}

#gallery #halfblock:last-of-type, #long-gallery #halfblock:last-of-type, #short-gallery #halfblock:last-of-type{
	text-align:right;
	width:50%;
	position:relative;
}

#gallery #twothirdsblock, #long-gallery #twothirdsblock, #short-gallery #twothirdsblock {
	position: absolute;
    bottom: 15%;
    text-align: center;
	left: 15%;
}

#gallery #twothirdsblock span, #long-gallery #twothirdsblock span{
	font-size:4vw;
}

#gallery hr, #long-gallery hr, #short-gallery hr{
	width:40%;
}

#gallery #twothirdsblock i, #long-gallery #twothirdsblock i, #short-gallery #twothirdsblock i{
	font-size:3vw;
}

#gallery #thirdblock, #long-gallery #thirdblock, #short-gallery #thirdblock{
	position:absolute;
	top: 5%;
    right: 5%;
}

#gallery #thirdblock i, #long-gallery #thirdblock i{
    padding:2%;	
}

#gallery #thirdblock span, #long-gallery #thirdblock span{
	font-size:1.2vw;
}

#gallery #thirdblock #inset, #long-gallery #thirdblock #inset{
	text-align:left;
	width: 90%;
    padding: 0 5%;
}

#gallery #quarterblock, #long-gallery #quarterblock, #short-gallery #quarterblock{
	font-size:0.7vw;
	position: absolute;
    top: -3%;
    left: 5%;
    padding: 2%;
	text-align:center;
}

#gallery #twothirdsblock i, #long-gallery #twothirdsblock i{
	border: 4px solid white;
    border-radius: 50%;
	width: 3vw;
    height: 3vw;
}
	
	.icons i{
	font-size:2.5em;
	}
	
	#gallery #featured img, #long-gallery #featured img {
    height: 45vw;
     width: 99%;
    position: relative; 
}
	
	.bathroom, .kitchen{
	overflow:hidden;
	}
}