/* Photography campaign page styles */


.campaign .header {
  background: url('../img/photography_header_mobile.jpg') no-repeat;
  background-size: cover;
  background-position: 50% 65%;
}

.campaign .header .maia-col-4 {
  min-width: 320px;
}

@media screen and (min-width: 768px) {

  .campaign .header {
    background-image: url('../img/photography_header.jpg');
  }

}

@media screen and (min-resolution: 1.5dppx) and (min-width: 768px),
  screen and (min-device-pixel-ratio: 1.5) and (min-width: 768px),
  screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 768px) {

  .campaign .header {
    background-image: url('../img/photography_header_2x.jpg');
  }

}