.masthead {
  position: relative;
  background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.4)), url("../assets/img/dylan-gillis-KdeqA3aTnBY-unsplash.jpg");
  background-size: cover;
  background-position: center;
  background-attachment: scroll;
}

.masthead .masthead-title {
  font-size: 3rem;
  line-height: 3rem;
  font-family: "Raleway", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 700;
  }

  .callout {
  padding: 6.25rem 0;
  background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url("../assets/img/priscilla-du-preez-aPa843frIzI-unsplash.jpg");
  background-size: cover;
  background-position: center;
  background-attachment: scroll;
}

.footer {
  padding: 6.25rem 0 2rem;
  background: linear-gradient(rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.65)), url("../assets/img/campaign-creators-e6n7uoEnYbA-unsplash.jpg");
  background-size: cover;
  background-position: center;
  background-attachment: scroll;
}
.portfolio-grid-item .caption .caption-content h2 {
  font-size: 1.2rem;
  text-transform: uppercase;
}

hr.primary {
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-style: solid;
  height: 0.125rem;
  border-color: #9CAF88;
}
.text-primary2 {
  color: #fff !important;
  text-align: right;
  font-size: 2rem;
}
.btn-primary:hover {
  color: #fff;
  background-color: #889caf;
  border-color: #6a839a;
}