.grid-container {
  margin-top: 2em;
}
.logos .grid-container .grid-item{
  width: 32%;
  margin-right: 2%;
  margin-bottom: 2%;

}
.members .grid-container .grid-item {
  width: 23%;
  margin-right: 2.6%;
  margin-bottom: 2.6%
}

.grid-container .grid-item { 
/*	width: 31%;
	margin-right: 3.5%; */

	float: left;
	position: relative;

	overflow: hidden;
	background-color:  #fff;


}
.grid-container .caption h2 {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 1em;
  line-height: 1;
}
.caption a[href^="mailto"] { word-wrap: break-word; overflow-wrap: break-word; word-break: break-word;}
.grid-container p {
  color: #fff;
  
  font-weight: normal;
  margin-bottom: 1em;
}
.logos .grid-container .grid-item:nth-child(3n) {
  margin-right: 0;
}

.members .grid-container .grid-item:nth-child(4n) {
  margin-right: 0;
}

.grid-container .grid-item img {
	max-width: 100%;
	height: auto;
	 display: block;
	 background: #fff;
}
.caption {
  display: block;
  position: absolute;
  z-index: 20;
  background: rgba(68, 17, 83, 0.95);
  overflow: hidden;
  transition: all 0.5s;
  text-align: center;
}
.caption > div {
  position: relative; 
  top: 50%;
  padding: 0  1.05em;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);

}
.caption > div a {
  font-weight: bold;
  color: #b1cd31;
}

a.close-overlay {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 100;
  width: 45px;
  height: 45px;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  line-height: 45px;
  text-align: center;
  background-color: #000;
  cursor: pointer;
}

a.close-overlay.hidden {
	display: none;
}

.grid-container .caption {
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 0;
  color: #fff;
}
.content {background-color: #e6e7e8;}
.caption h2, .caption a {
	color: #fff;
}
.caption p, .caption a {
	font-size: 1em;
  line-height: 1.4em;
  font-family: 'Merriweather Sans', sans-serif;
  font-weight: 400;
}

.grid-container .caption a.expand {
  left: 0;
  right: 0;
  bottom: 50%;
  margin: 0 auto -30px auto;
}
.grid-container .grid-item.hover .caption{
  height: 100%;
}
@media only screen and (max-width: 1100px) {
  .members .grid-container .grid-item {
  width: 31%;
  margin-right: 3.5%;
  margin-bottom: 3.5%
}
.members .grid-container .grid-item:nth-child(3n) {
  margin-right: 0;}
  .members .grid-container .grid-item:nth-child(4n) {
    margin-right: 3.5%;
  }
}

@media only screen and (max-width: 1000px) { 
 .logos .grid-container .grid-item {
    width: 48%;
  
  }
  .logos .grid-container .grid-item:nth-child(even) {
    margin-right: 0;
  }
   .logos .grid-container .grid-item:nth-child(odd) {
    margin-right: 2%;

  }
 
}

@media only screen and (max-width: 905px) {
 .members .grid-container .grid-item {
    width: 48%;

  }
  .members .grid-container .grid-item:nth-child(even) {
    margin-right: 0 !important;
  }
  .members .grid-container .grid-item:nth-child(odd) {
    margin-right: 4%;
    margin-bottom: 4%;
    
  }
}
@media only screen and (max-width: 520px) {
 .members .grid-container .grid-item, .logos .grid-container .grid-item {
    width: 100%;
    margin-right: 2%;
    float: none;
  }
  }