@charset "UTF-8";

#masonry {}
#masonry:after {content:''; display:block; clear:both;}

.grid-sizer,
.grid-item {width:22%;}

.gutter-sizer {width:4%;}

.grid-item {
overflow:hidden;
margin-bottom:4%;
padding:15px;
background:#fff;
float:left;
text-align:left;
border-radius:4px;
  line-height: 1.4;
  font-size: 14px ;
}

.grid-item h4{
  text-align: center;
  font-size: 18px ;
  color: #35838D;
  font-weight: 600;
	padding-bottom: 0.5em;
}

.grid-item img{
  width: 100%;
}
  
.grid-item p{
  padding: 0.3em 0;
  margin: 0;
	text-align: center;
}

@media screen and (max-width:900px) {
	.grid-sizer,
	.grid-item {width:32%;}
	.gutter-sizer {width:2%;}
}

@media screen and (max-width:640px) {
.grid-sizer,
	.grid-item {width:46%;}
	.gutter-sizer {width:4%;}
}