.DP header.top-header {
  padding-top: 3vw;
}

.DP h2.header-logo {
  background-image: url(../img/dp-logo.svg);
  height: 6vw;
  max-height: 60px;
  width: 23vw;
  max-width: 230px;
}

.DP .hero {
  background-image: url(../img/CF-2020-Opt-Out-page-Hero-DP.jpg);
}

.DP .hero.postsubmit {
  background-image: url(../img/CF-2020-Post-Submit-page-Hero-DP.jpg);
}

.DP .hero h1 {
  color: white;
}

/* ==========================================================================
   Media Queries
   ========================================================================== */

/* Large Desktop */
@media only screen and (min-width: 1000px) {
  .DP header.top-header {
    padding-top: 30px;
  }
}

/* Mobile */
@media only screen and (max-width: 768px) {
  .DP h2.header-logo {
    height: 52px;
    width: 220px;
  }
}