.grid{
	margin-bottom: 25px;
}
.grid-sizer,
.grid-item {
	width: 24.25%;
	font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;

}
.grid-item {
		      -webkit-transition: opacity .3s ease-in-out;
       -moz-transition: opacity .3s ease-in-out;
        -ms-transition: opacity .3s ease-in-out;
         -o-transition: opacity .3s ease-in-out;
            transition: opacity .3s ease-in-out;}
.grid-item img {
	position:relative;
width: 100%;	
height: auto;
opacity: 1;
   -webkit-transition: opacity .3s ease-in-out;
       -moz-transition: opacity .3s ease-in-out;
        -ms-transition: opacity .3s ease-in-out;
         -o-transition: opacity .3s ease-in-out;
            transition: opacity .3s ease-in-out;
   
}

/* .project-title {
		 -webkit-transition: opacity .3s ease-in-out;
       -moz-transition: opacity .3s ease-in-out;
        -ms-transition: opacity .3s ease-in-out;
         -o-transition: opacity .3s ease-in-out;
            transition: opacity .3s ease-in-out;
            position: absolute;
  color: white;
	width: 90%;
	font-weight: bold;
	text-align: left;
	height: auto;
	padding-top: 23%;
	line-height: 25px;
	margin-left: 5%;
	margin-right: 5%;
	text-shadow: rgba(0,0,0,0.7024648) 0 2px 5px;
	bottom: 10px;
} 
 */
 
.show-titles .project-title {
	opacity: 1;
	-webkit-transition: opacity .3s ease-in-out;
       -moz-transition: opacity .3s ease-in-out;
        -ms-transition: opacity .3s ease-in-out;
         -o-transition: opacity .3s ease-in-out;
            transition: opacity .3s ease-in-out;
}
.show-titles .grid-item:hover .project-title{
opacity: 1;
  
}	 	
.project-title {
	opacity: 0;
-webkit-transition: opacity .3s ease-in-out;
       -moz-transition: opacity .3s ease-in-out;
        -ms-transition: opacity .3s ease-in-out;
         -o-transition: opacity .3s ease-in-out;
            transition: opacity .3s ease-in-out;position: absolute;
  font-size: 25px;
  color: white;
	font-weight: bold;
	text-shadow: rgba(0,0,0,0.7024648) 0 2px 5px;
position:absolute;
    text-align:center;
    bottom: 6%;
    width: 100%

} 

.grid-item:hover .project-title{
opacity: 1;
-webkit-transition: opacity .3s ease-in-out;
       -moz-transition: opacity .3s ease-in-out;
        -ms-transition: opacity .3s ease-in-out;
         -o-transition: opacity .3s ease-in-out;
            transition: opacity .3s ease-in-out;   
}
.project-title:hover{
-webkit-transition: opacity .3s ease-in-out;
       -moz-transition: opacity .3s ease-in-out;
        -ms-transition: opacity .3s ease-in-out;
         -o-transition: opacity .3s ease-in-out;
            transition: opacity .3s ease-in-out;       
}

.tall .project-title {

}
.portrait .project-title {
	
}
.square .project-title {

}

.landwide .project-title {

}
.grid-item:hover img{
	
	opacity: .7;
	  -webkit-transition: opacity .3s ease-in-out;
       -moz-transition: opacity .3s ease-in-out;
        -ms-transition: opacity .3s ease-in-out;
         -o-transition: opacity .3s ease-in-out;
            transition: opacity .3s ease-in-out;	background-color: black;
}
.grid-item:hover {
		  -webkit-transition: opacity .3s ease-in-out;
       -moz-transition: opacity .3s ease-in-out;
        -ms-transition: opacity .3s ease-in-out;
         -o-transition: opacity .3s ease-in-out;
            transition: opacity .3s ease-in-out;	        	background-color: black!important;

}
.photos .grid-item:hover img{
	opacity: 1!important;
}
.gutter-sizer {
	width: 1%;
}
.photos{
	padding-bottom: 1%;
}
/* spans 2 columns: 22% + 4% + 22% = 48% */
.width2 { width: 49.5%; }
.full-width { width: 100%; }
.square {width:49.5%;}
.largeportrait {width:49.5%;}
.landwide {width:49.5%;
	
}

/* footer */



.grid-item-footer:hover img{
	
	opacity: .7;
	  -webkit-transition: opacity .3s ease-in-out;
       -moz-transition: opacity .3s ease-in-out;
        -ms-transition: opacity .3s ease-in-out;
         -o-transition: opacity .3s ease-in-out;
            transition: opacity .3s ease-in-out;	background-color: black;
}
.grid-item-footer:hover {
		  -webkit-transition: opacity .3s ease-in-out;
       -moz-transition: opacity .3s ease-in-out;
        -ms-transition: opacity .3s ease-in-out;
         -o-transition: opacity .3s ease-in-out;
            transition: opacity .3s ease-in-out;	        	background-color: black!important;

}

.grid-item-footer.pl-fade{
	background-color: black!important;
}
.gutter-sizer-footer {
	width: 2%!important;
}

@media (max-width: 1024px) {
.project-title {
	opacity: 1;
}
}
@media (min-width: 1025px) {
	.project-title {
	opacity: 0;
}
}
@media (min-width: 750px) {
	
}
@media (min-width: 800px) {
.grid-sizer-footer,
.grid-item-footer {
		width: 32%;
	font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;

}
.gutter-sizer-footer { width: 2%; }

} 
@media (max-width: 800px) {
.mobile-hide{
	display: none!important;
}
.grid-sizer-footer,
.grid-item-footer {
		width: 49%;
	font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;

}
.gutter-sizer-footer { width: 2%!important }
.project-title {
	opacity: 1;
}
}
@media (max-width: 750px) {
	.grid-sizer,	
.grid-item { width: 49%;
}
.square { width: 100%; }
.width2 { width: 100%; }
.largeportrait { width: 100%; }
.full-width { width: 100%; }
.project-title {
	opacity: 1;
}

.gutter-sizer { width: 2%; }


}	
@media (min-width: 480px) {
	
}
@media (max-width: 480px) {
		.grid-sizer,
.grid-item { width: 100%;
}
.width2 { width: 100%; }
.full-width { width: 100%; }
.gutter-sizer { width: 3%; }
.grid-sizer-footer,
.grid-item-footer {
		width: 100%;
	font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;

}
.gutter-sizer-footer { width: 4%!important }
 } 
@media (max-width: 370px) {
	.grid-sizer,
.grid-item { width: 100%;
}

.width2 { width: 100%; }
.full-width { width: 100%; }
.gutter-sizer { width: 3%; }



	}