@media all and (min-width: 1200px) {
  .header-row {
    display: block;
    height: 400px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
  }
}

@media all and (max-width: 1200px) {
  .header-row {
    display: block;
    height: 300px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
  }
}

@media all and (max-width: 500px) {
  .header-row {
    display: block;
    height: 150px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
  }
}