body, .tagline {
  font-family: 'Raleway', sans-serif;
}

h1, h2, h3, h4, .navbar-brand {
  font-family: 'Montserrat', serif;

}

.navbar-brand {
  font-family: "Playfair Display", sans-serif;
  font-weight: normal;
}

.floorGal, .paintGal, .generalGal, .latestGal {
  background: linear-gradient(to top, rgba( 41, 128, 185, 0.7), rgba(255, 255, 255, 0));
  padding: 40px 40px;
}

.floorRow, .paintRow, .generalRow, .latestRow {
  margin-bottom: 40px;
}

.floorGal h2, .paintGal h2, .generalGal h2, .latestGal h2 {
  color: navy;
  margin-bottom: 20px;
}

.floorPics, .paintPics, .generalPics, .latestPics {
  box-shadow: 5px 10px 10px #888;
  margin-bottom: 20px;
}

.floorDes, .paintDes, .generalDes, .latestDes {
  color: navy;
  font-family: 'Raleway';
  font-size: 1.7em;
}

.floorPerks, .paintPerks, .generalPerks, .latestPerks {
  color: navy;
}

.perks {
  padding: 0px 40px;
}

.contact_info {
  color: grey;
}

.contact_info h4 {
  color: white;
}


@media screen and (max-width: 667px) and (min-width: 320px) {
  .floorDes, .paintDes, .generalDes, .latestDes {
    font-size: 1.2em;
  }

  .floorPerks, .paintPerks, .generalPerks, .latestPerks {
    font-size: 1em;
  }

  .perks {
    padding-bottom: 40px;
  }
}