@charset "UTF-8";
/* Home Project Link CSS */
	

.gutter-thumbs{
	margin-top:1.5rem;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}
	
@media screen and (min-width:768px){
	.gutter-thumbs{
		margin-top:2%;
		padding-left: 1.5%;
		padding-right: 1.5%;
	}	
}

.home-thumb.col-md-8 .image-thumb{
	aspect-ratio: 7/4;
}
.home-thumb.col-md-4 .image-thumb{
	aspect-ratio:66.66/80
}
.home-thumb.col-md-6 .image-thumb{
	aspect-ratio:107/80
}
.image-thumb {
	display: inline-block;
	position: relative;
	
}

div.hover-thumb {
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	z-index: 0;
	transition: 0.5s;
}

.image-thumb:hover div.hover-thumb {
  	opacity: 1;
}