/* START Project Grid */
.project-grid {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  overflow: hidden;
}

.project-grid .feature {
  align-items: center;
  display: flex;
  flex: 1;
  flex-basis: 33%;
  padding: 20px;
  transition: all .5s ease;
}

.project-grid .feature:hover {
  box-shadow: inset 0 0 0 2px rgba(221, 0, 100, 0.9);
}

.project-grid .feature:nth-child(odd) { 
  background-color: rgba(255,255,255, 0.4); 
}

.project-grid .feature:nth-child(even) { 
  background-color: rgba(255,255,255, 0.2); 
}

.project-grid .feature img {
  max-width: 100%;
}

.project-grid .feature h3 {
  color: rgba(0, 0, 0, 0.8);
  font-family: "Assistant";
  font-size:22px;
  font-weight: 400;
  margin: 20px auto 0px auto;
  text-align: center;
}

.project-grid .feature button {
  background: rgba(10, 101, 113, 0.9);
  width: 100%;
}
/* END Project Grid */



/* START Project Grid # Across Responsive */
@media
(max-width: 999px) {

.project-grid .feature {
  flex-basis: 50%;
}

}

@media
(max-width: 499px) {
.project-grid .feature {
  flex-basis: 100%;
}

}
/* END Project Grid # Across Responsive */

/* START Project Grid Background Color Responsive */
@media
(min-width: 500px) and (max-width: 999px) {

.project-grid .feature:nth-child(1),
.project-grid .feature:nth-child(4),
.project-grid .feature:nth-child(5),
.project-grid .feature:nth-child(8),
.project-grid .feature:nth-child(9),
.project-grid .feature:nth-child(12),
.project-grid .feature:nth-child(13),
.project-grid .feature:nth-child(16),
.project-grid .feature:nth-child(17),
.project-grid .feature:nth-child(20) {
  background-color: rgba(255,255,255, 0.4); 
}

.project-grid .feature:nth-child(2),
.project-grid .feature:nth-child(3),
.project-grid .feature:nth-child(6),
.project-grid .feature:nth-child(7),
.project-grid .feature:nth-child(10),
.project-grid .feature:nth-child(11),
.project-grid .feature:nth-child(14),
.project-grid .feature:nth-child(15),
.project-grid .feature:nth-child(18),
.project-grid .feature:nth-child(19) { 
  background-color: rgba(255,255,255, 0.2); 
}

}
/* END Project Grid Background Color Responsive */