:root {
--white: #ffffff;
--grey: #54595F;
--green: #A1CE5E;
--font-family-pri: "Brandon Grotesque";
--font-family-sec: "Freight";

}


#igFilt {text-align: center;}
#igFilt ul {list-style: none;}
#igFilt ul li {display: inline-block;padding: 1rem;font-weight: bold; cursor:pointer;color:var(--grey);
	-webkit-transition: all .3s ease-in-out;
    -moz-transition:    all .3s ease-in-out;
    -o-transition:      all .3s ease-in-out;
    -ms-transition:     all .3s ease-in-out;
    transition:         all .3s ease-in-out;
}
#igFilt ul li.active,
#igFilt ul li:hover {color:var(--green);}

#igs {
	display: 
	flex;flex-flow: row wrap;
	justify-content: flex-start;
	gap:10px;}
#igs .inspCell {
	margin:0 0 8px;
	background-size: cover;    
	width: calc(33.333% - 10px);
    background-position: center center;
    height: 300px; }
#igs .inspCell a {}
#igs .inspCell a div {
	width:100%; 
	height:100%; 
	padding:170px 2rem 2rem;
	text-align:right; 
	opacity:0; 
	background:rgba(6,86,111,0.85);
	-webkit-transition: all .3s ease-in-out;
    -moz-transition:    all .3s ease-in-out;
    -o-transition:      all .3s ease-in-out;
    -ms-transition:     all .3s ease-in-out;
    transition:         all .3s ease-in-out;}
#igs .inspCell a:hover div {opacity:1;}
#igs .inspCell a div h3.ig_title{font-family:var(--font-family-sec);color:var(--white);padding:0;margin:0 0 .5em;}
#igs .inspCell a div h4.ig_cat {color:var(--white);font-size: .9em;margin:0;padding:0;}




@media only screen and (max-width:767px){

}