/* SGC Mobile Build 11 - responsive hero ART for guest homepage only.
   The supplied, re-composed assets live in this plugin; no extra theme uploads.
   Desktop is untouched. Earlier Build 10 adjustments replaced here. */

/* Tablets: show the specially-composed landscape scene in full width.
   Do not use cover, as it would cut off the people and SGC globe. */
@media screen and (min-width:641px) and (max-width:1199px) {
  html body #sgc-home .sgc-hero {
    background-image:
      linear-gradient(to bottom,rgba(1,10,28,.08) 0%,rgba(1,10,28,.10) 32%,rgba(6,27,80,.72) 79%,#061b50 100%),
      url('../images/sgc_hero_tablet.png') !important;
    background-position:center top,center top !important;
    background-size:100% 100%,100% auto !important;
    background-repeat:no-repeat,no-repeat !important;
    background-color:#061b50 !important;
  }
}

/* Phones: purpose-composed portrait scene with centered SGC logo, plus the
   visible woman-to-AI scene. Full width without enlarging/cropping it. */
@media screen and (max-width:640px) {
  html body #sgc-home .sgc-hero {
    background-image:
      linear-gradient(to bottom,rgba(1,10,28,.06) 0%,rgba(1,10,28,.08) 34%,rgba(6,27,80,.45) 71%,#061b50 100%),
      url('../images/sgc_hero_phone.png') !important;
    background-position:center top,center top !important;
    background-size:100% 100%,100% auto !important;
    background-repeat:no-repeat,no-repeat !important;
    background-color:#061b50 !important;
  }
}