/* Inner content and header spacing when promo is enabled */
body.has-promo #unsubscribe-form .form-unsubscribe-modal {margin-top:120px;}
body.has-promo-1 #unsubscribe-form .form-unsubscribe-modal {margin-top:120px;}


@media (max-width: 1260px) {
body.has-promo #unsubscribe-form .form-unsubscribe-modal {margin-top:170px;}    
body.has-promo-1 #unsubscribe-form .form-unsubscribe-modal {margin-top:170px;}  
}

@media (max-width: 1190px) {
 body.has-promo .legacy-pages {margin-top: 240px !important;}
 body.has-promo-1 .legacy-pages {margin-top: 240px !important;}
}
  
@media (max-width: 930px) {
    body.has-promo .legacy-pages { margin-top: 280px !important;}
    body.has-promo-1 .legacy-pages { margin-top: 220px !important; }
    body.has-promo .dynamic_fields .header.title {height: 650px;}
    body.has-promo-1 .dynamic_fields .header.title {height: 650px;}
}

@media (max-width: 900px) {
    body.has-promo .legacy-pages {margin-top: 210px !important;}
    body.has-promo-1 .legacy-pages { margin-top: 180px !important; }
}
  
@media (max-width: 800px) {
    body.has-promo .dynamic_fields .header.title {height: 720px;}
    body.has-promo-1 .dynamic_fields .header.title {height: 720px;}
    #top-promotion-bar p {line-height:24px;padding-top:2px;}
}
  
@media (max-width: 550px) {
    body.has-promo #unsubscribe-form .form-unsubscribe-modal {margin-top:180px;} 
    body.has-promo-1 #unsubscribe-form .form-unsubscribe-modal {margin-top:180px;} 
    .dynamic_fields .header.title  { height: 650px;background-position:center 50px !important;}
}

@media (max-width: 350px) {
    body.has-promo .legacy-pages {margin-top: 260px !important;}
    body.has-promo-1 .legacy-pages { margin-top: 180px !important; }
    body.has-promo .dynamic_fields .header.title {height: 750px;}
    body.has-promo-1 .dynamic_fields .header.title {height: 750px;}
}
  
@media (max-width: 280px) {
    body.has-promo .dynamic_fields .header.title {height: 820px;}
    body.has-promo-1 .dynamic_fields .header.title {height: 820px;}
}