@media (min-width: 300px) {
  .masthead {
    background: url("../../assets/img/projects/Hedwigs_3-1024x245.jpg") left / cover no-repeat;
    background-position: -300px;
  }
}

@media (min-width: 768px) {
  .masthead {
    background: url("../../assets/img/projects/Hedwigs_3-1024x245.jpg") left / cover no-repeat;
    height: 400px;
    background-position: -300px;
  }
}

@media (min-width: 992px) {
  .masthead {
    background-position: 0px;
  }
}