.clear {
  clear: both;
  float: none;
  width: 100%;
}

.associates_name{
	width:100%;
	height:25px;
	line-height:25px;
	position:absolute;
	bottom:0px;
	left:0px;
	z-index:999;
	 font-family: 'Open Sans', sans-serif;
	font-weight:400;
	font-size:15px;
	text-align:center;
	background:rgba(0,0,0,0.7);
	color:#fff;
	}
	
	.container .gallery a {
    width: 32%;
    position: relative;
	height:auto;
	float:left;
	margin:.5%;
	overflow:hidden;
}

.container .gallery a img{
	width:100%;
	height:auto;
	}
	
	.gallery a{
		position:relative;
		}
	
.gallery{
	  
    float: left;
	padding-bottom:10px;
	}	

/* line 22, ../sass/demo.scss */
.container {
  max-width: 1170px;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
/* line 32, ../sass/demo.scss */
.container .gallery a img {
  width: 100%;
  height: auto;
  -webkit-transition: -webkit-transform .15s ease;
  -moz-transition: -moz-transform .15s ease;
  -o-transition: -o-transform .15s ease;
  -ms-transition: -ms-transform .15s ease;
  transition: transform .15s ease;
  position: relative;
}
/* line 46, ../sass/demo.scss */
.container .gallery a:hover img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  z-index: 5;
}
/* line 57, ../sass/demo.scss */
.container .gallery a.big img {
  width: 33.3%;
}

/* line 65, ../sass/demo.scss */
.align-center {
  text-align: center;
}

@media (min-width: 600px) and (max-width: 1199px){
	.container .gallery a {
    width: 32%;
}

}

@media (min-width: 450px) and (max-width: 599px){
	.container .gallery a {
    width: 49%;
}

}

@media (min-width: 300px) and (max-width: 449px){
	.container .gallery a {
    width: 99%;
}

}