/* SETUP */					/* SETUP */					/* SETUP */

.sf_square figcaption{
color:;
}

.sf_square:hover figcaption{
color:;
}

/* END SETUP */				/* END SETUP */				/* END SETUP */
.sf_square{
float:left;
width:22%;
margin:20px 1.5%;
}

.sf_square div{
width:100%;

overflow: hidden;
height:12vw;
border: 0.5vw solid #00AEEF;
box-shadow: 0px 0px 16px -5px black;
box-sizing: border-box;
}

.sf_square img{
min-height: 100%;
width: 100% !important;
margin: 0px !important;
}

.sf_square figcaption{
text-align:center;
height: 50px;
color: white;
line-height: 1.3em;
}


.project{
float:left;
width:100%;
margin-bottom:20px;
}

.project_img{
float:left;
width:30%;
margin-right:5%;
overflow: hidden;
height:150px;
border: 10px solid #00AEEF;
box-shadow: 0px 0px 16px -5px black;
box-sizing: border-box;
}

.project_img img{
min-height: 100%;
width: 100% !important;
margin: 0px !important;
}

.project_title{ 
float: left;
width: 65%;
}

.project_title h2{
margin:0px 0px 20px 0px;
padding:0px;
}

.project_text{

}


@media only screen and (min-width:768px) and (max-width: 959px) {

}


@media only screen and (min-width:480px) and (max-width: 767px) {
.project_img{width:100%;margin:0px;}
.project_title{ width:100%;}
.project_title h2{margin:10px 0px 20px 0px;}
}

@media only screen and (min-width:320px) and (max-width: 479px) {
.project_img{width:100%;margin:0px;}
.project_title{ width:100%;}
.project_title h2{margin:10px 0px 20px 0px;}
}