/* ================================== */
/* == SEARCH RESULTS -------------------------- */
main {
  background: url("/media/a5engg2n/hero-csu-facade.jpg") center bottom no-repeat;
  background-size: cover;
}

@media only screen and (max-width: 767px) {
  .main-content {
    padding: 20px 0 50px;
    min-height: 250px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .main-content {
    padding: 5vh 0 7.5vh;
  }
}
@media only screen and (min-width: 1024px) {
  .main-content {
    min-height: calc(100vh - 460px);
    padding: 7.5vh 0 10vh;
  }
}

.intro {
  background-color: #fff;
  -webkit-box-shadow: 0 5px 10px rgba(29, 37, 45, 0.35);
          box-shadow: 0 5px 10px rgba(29, 37, 45, 0.35);
}
@media only screen and (max-width: 1023px) {
  .intro {
    padding: 1.5em 1em 1em;
  }
}
@media only screen and (min-width: 1024px) {
  .intro {
    max-width: 350px;
    padding: 1.5em 2em 1em;
  }
}