html, body
{
 height: 100%;
 min-height: 100%;
}

img {
    max-width: none;
}
.nocommunity
{
 background-color: #2471aa;
 width: 300px !important;
 height: 300px;
}

.community-landing-info {
 font-weight: normal;
}

.community-result {
 position: relative;
 color: #454343;
 font-weight: 500;
 font-size: 15px;
}

.community-card {
 margin-bottom: 20px;
 display: inline-block;
 position: relative;
 overflow: hidden;
}

.community-card img {
width: 999px;
    height: 300px;
    position: relative;
    left: -331px;
}

.community-link {
 position: relative;
 width: 100%;
}

.community-name {
 text-transform: uppercase;
 font-weight: bold;
 position: absolute;
 top: 50%;
 font-size: 25px;
 background-color: #000000;
 color: #ffffff;
 width: 300px;
 text-align: center;
 padding: 10px;
 transform: translateY(-50%);
}

a.community-link {
    width: 300px;
    height: 300px;
}

@media (max-width: 768px) {
 .agent-contact {
  display: none;
 }

 .community-card {
  width: 300px;
  overflow: hidden;
 } 
}

@media (min-width: 768px) {
.community-card-visible
{
	width: 300px; 
	height: 300px;
	overflow: hidden;
}

 .ms-hero .community-result {
  font-size: 17px;
 }

 .contact-title {
  display: block;
  margin-bottom: 20px;
 } 

 .community-landing-info,
 .community-cards {
  float: left;
  width: 640px;
 }

 .community-card {
  width: 300px;
    height: 300px;
  overflow:hidden;
 }

 .community-card:nth-child(odd) {
  margin-right: 20px;
 }
}