/* =========================================================
   MOBILE HERO STRUCTURE FIX
   =========================================================
   Desktop:
   - overlay hero preserved

   Mobile:
   - image separated from text content
   - no overlay
   - no image fighting
   - no positioning hacks
   ========================================================= */

@media (max-width: 768px) {

  .jkrs-hero {
    display: block;
    min-height: auto;
    background-position: center center;
    padding-top: 260px;
    padding-bottom: 0;
    position: relative;
  }

  .jkrs-hero-text {
    position: relative;
    margin: 0;
    width: 100%;
    max-width: 100%;
    background: #002D62;
    padding: 32px 20px 40px;
    box-sizing: border-box;
  }
}