#otr_banner { position: relative; margin-bottom: 60px; }
  #otr_banner article { background-size: cover !important; background-repeat: no-repeat !important; 
  position: relative; }
    #otr_banner article .articleContent { position: absolute; left: 0; right: 0; bottom: 50px;  
    width: 100%; height: auto; margin: auto; text-transform: uppercase; color: #ffffff; 
    text-align: center; } 
      #otr_banner article .articleContent h1, #otr_banner article .articleContent h2, 
      #otr_banner article .articleContent h4 { font-weight: 700; }
      #otr_banner article .articleContent h1 { font-size: 72px; line-height: 72px; margin-bottom: 6px; }    
      #otr_banner article .articleContent h2 { font-size: 35px; line-height: 35px; margin-bottom: 24px; }
      #otr_banner article .articleContent h4 { font-size: 18px; line-height: 18px; color: #fff; }      
      #otr_banner article .articleContent a.jumpto { background: #000; color: #ffffff; display: block; font-size: 25px; margin: 10px auto 0; width: 27px; }
      #otr_banner article .articleContent a.jumpto:hover { background: #e30018; }

.cp #otr_banner { margin-bottom: 20px; }
.cp #otr_banner article { height: 180px; }
.cp #otr_banner article .articleContent { margin: 0 auto; width: 980px; text-align: left; bottom: 20px; padding: 0 20px; }
  .cp #otr_banner article .articleContent h1 { font-size: 35px; line-height: 35px; }
  
@media screen and (max-width: 980px) {
  .cp #otr_banner article .articleContent { width: 100%; padding: 0 2%; } 
}  

@media screen and (max-width: 600px) {
  .cp #otr_banner article .articleContent { padding: 0 3%; } 
} 

@media screen and (max-width: 500px) {
  .pp #otr_banner article .articleContent h1 { font-size: 52px; line-height: 52px; }
  .pp #otr_banner article .articleContent h2 { font-size: 30px; line-height: 30px; }
}

@media screen and (max-width: 540px) {
  .cp #otr_banner article .articleContent h1 br { display: none; }
} 

@media screen and (max-width: 400px) {
  .cp #otr_banner article .articleContent h1 { font-size: 30px; line-height: 30px; }
}

@media screen and (max-width: 380px) {
  .pp #otr_banner article .articleContent h1 { font-size: 40px; line-height: 40px; }
  .pp #otr_banner article .articleContent h2 { font-size: 25px; line-height: 25px; }
}

@media screen and (max-width: 600px), only screen and (orientation : portrait) and (max-width: 980px) { 
#otr_banner { margin-bottom: 0; }
}