@media(max-width:800px){
  .hero-visual{height:390px!important;min-height:390px;padding:18px 0 72px;overflow:visible}
  .hero-visual .crest{width:145px;height:188px;padding-top:24px;position:relative;z-index:1}
  .hero-visual .crest-top{font-size:29px}
  .hero-visual .crest-bolt{font-size:66px}
  .hero-visual .crest-bottom{font-size:10px;letter-spacing:4px}
  .hero-visual .ring-one{width:280px;height:198px}
  .hero-visual .ring-two{width:220px;height:158px}
  .visual-caption{bottom:22px;z-index:2;width:100%;padding:0 14px}
  .visual-caption b{font-size:12px}
  .visual-caption small{font-size:9px;margin-top:3px}
}
@media(max-width:430px){
  .hero-visual{height:360px!important;min-height:360px}
  .hero-visual .crest{width:128px;height:166px}
  .hero-visual .crest-bolt{font-size:58px}
}