/* Inner content and header spacing when promos are enabled */
body.has-promo #unsubscribe-form .form-unsubscribe-modal { margin-top: 120px; }
body.has-promo-2 #unsubscribe-form .form-unsubscribe-modal { margin-top: 120px; }
body.has-promo-2 .dynamic_fields .header.title { height: calc(65vh + 40px); max-height: 740px; }
body.has-promo-2 .legacy-pages { margin-top: 30vh !important; }
body.has-promo-2 .sec-container { margin-top: 140px !important; }
body.has-promo-2 .container-fluid .container .col-md-9.col-md-push-3, 
body.has-promo-2 .container-fluid .container .col-md-3.col-md-pull-9#sidebar-outer {margin-top:100px !important;}
body.has-promo-2 #content.front-page .container-fluid .container {margin-top:0px !important; }
  
/* --- 1260px --- */
@media (max-width: 1260px) {
  body.has-promo #unsubscribe-form .form-unsubscribe-modal { margin-top: 170px; }
  body.has-promo-2 #unsubscribe-form .form-unsubscribe-modal { margin-top: 170px; }
}

/* --- 1190px --- */
@media (max-width: 1190px) {
  body.has-promo .legacy-pages { margin-top: 240px !important; }
}

/* --- 930px --- */
@media (max-width: 930px) {
  body.has-promo .legacy-pages { margin-top: 280px !important; }
  body.has-promo-1 .legacy-pages { margin-top: 34vh !important; }
  body.has-promo-2 .legacy-pages { margin-top: 37vh !important; }
  body.has-promo-2 .dynamic_fields .header.title { height: calc(65vh + 40px); max-height: 740px; }
  body.has-promo-2 .dynamic_fields .header.title h1 { padding-top: 15%; }
  body.has-promo-2 .container-fluid .container .col-md-9.col-md-push-3, 
  body.has-promo-2 .container-fluid .container .col-md-3.col-md-pull-9#sidebar-outer {margin-top:180px !important;}
}

/* --- 900px --- */
@media (max-width: 900px) {
  body.has-promo .legacy-pages { margin-top: 210px !important; }
  body.has-promo-1 .legacy-pages { margin-top: 25vh !important; }
  body.has-promo-2 .legacy-pages { margin-top: 30vh !important; }
  body.has-promo-2 .container-fluid .container .col-md-9.col-md-push-3, 
  body.has-promo-2 .container-fluid .container .col-md-3.col-md-pull-9#sidebar-outer {margin-top:150px !important;}
}

/* --- 800px --- */
@media (max-width: 800px) {
  body.has-promo .dynamic_fields .header.title { height: 720px; }
  #top-promotion-bar p { line-height: 24px; padding-top: 2px; }
}

/* --- 600px --- */
@media (max-width: 600px) {
  body.has-promo-1 .legacy-pages {margin-top: 30vh !important;}
  body.has-promo-2 .legacy-pages {margin-top: 33vh !important;}
  body.has-promo #unsubscribe-form .form-unsubscribe-modal { margin-top: 180px; }
  body.has-promo-2 #unsubscribe-form .form-unsubscribe-modal { margin-top: 180px; }
  body.has-promo-2 .dynamic_fields .header.title { height: calc(72vh + 40px); max-height: 850px; }
  body.has-promo-2 .dynamic_fields .header.title h1 { padding-top: 30%; }
}

/* --- 400px --- */
@media (max-width: 400px) {
  body.has-promo-2 .legacy-pages { margin-top: 35vh !important; }
  body.has-promo-2 .dynamic_fields .header.title { height: calc(80vh + 40px); }
  body.has-promo-2 .dynamic_fields .header.title h1 { padding-top: 40%; }
  body.has-promo-2 #content.front-page .container-fluid .container {margin-top:160px !important; }
  body.has-promo-2 .container-fluid .container .col-md-9.col-md-push-3, 
  body.has-promo-2 .container-fluid .container .col-md-3.col-md-pull-9#sidebar-outer {margin-top:180px !important;}
}

/* --- 300px --- */
@media (max-width: 300px) {
  body.has-promo-2 .legacy-pages { margin-top: 38vh !important; }
  body.has-promo-2 .dynamic_fields .header.title { height: calc(82vh + 40px); }
  body.has-promo-2 .dynamic_fields .header.title h1 { padding-top: 65%; }
}