#Form {
  padding: 0;
}

/*.row {
  margin: 0;
}*/

/*  Community Profile */

.community-row {
  position: relative;
}

.community-box {
  cursor: pointer;
  display: inline-block;
  outline: 5px solid #eee;
  position: relative;
  overflow: hidden;
  width: calc(100%/4 - 35px);
  height: 200px;
  margin: 1rem .8rem;
  text-align: center;
  color: #fdfdfd;
  box-shadow: 0 0 5px 3px rgba(37, 37, 37, 0.7);
  transition: all 0.7s;
}

.community-box:hover {
  outline-color: #80c4f1;
  box-shadow: 0 0 5px 3px rgb(37, 37, 37);
}

.community-box:nth-child(1) {
  background: url("/Portals/0/StrategicPlan/housing.jpg");
  background-size: cover;
   background-position:center;
}

.community-box:nth-child(2) {
  background: url("/Portals/0/StrategicPlan/pubsafety.jpg");
  background-size: cover;
   background-position:center;
}

.community-box:nth-child(3) {
  background: url("/Portals/0/StrategicPlan/transportation.jpg");
  background-size: cover;
  background-position:center;
}

.community-box:nth-child(4) {
  background: url("/Portals/0/StrategicPlan/environment_crop.jpg");
  background-size: cover;
   background-position:center;
}

.community-box:nth-child(5) {
  background: url("/Portals/0/StrategicPlan/health2.jpg");
  background-size: cover;
   background-position:center;
}

.community-box:nth-child(6) {
  background: url("/Portals/0/StrategicPlan/economy.jpg");
  background-size: cover;
   background-position:center;
}

.community-box:nth-child(7) {
  background: url("/Portals/0/StrategicPlan/education.jpg");
  background-size: cover;
   background-position:center;
}

.community-box:nth-child(8) {
  background: url("/Portals/0/StrategicPlan/population.jpg");
  background-size: cover;
   background-position:center;
}

.community-box h2 {
  margin: 0;
  position: absolute;
  bottom: 5px;
  left: 0px;
  font-size: 18px !important;
  color: #fdfdfd !important;
  text-shadow: 1px 0 8px rgba(0, 0, 0, 0.4);
  white-space:nowrap;
}

.community-box h2 a {
    margin: 0;
    position: absolute;
    bottom: 5px;
    left: 10px;
    font-size: 18px !important;
    color: #fdfdfd !important;
    text-shadow: 0px 0px 4px #000000;
}

@media (max-width: 769px) {
  h2{
    font-size: 2rem;
  }
  .community-row {
    display: block;
  }
  .community-box {
    width: 100%;
  }

}
