@media (min-width: 901px) and (max-width: 1199px) {
  .hero {transform:translateY(0);}
}
@media (min-width: 1200px) and (max-width: 1599px) {
  .hero {transform:translateY(-11px);}
}
@media (min-width: 1600px) {
  .hero {transform:translateY(-19px);}
}
@media (max-width: 900px) {
  .footer {
    position:relative;
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    align-items:center;
    column-gap:12px;
    row-gap:13px;
    padding:20px clamp(18px,6vw,32px) 23px;
    min-height:unset;
    border-top:1px solid #5f5f5f;
    background:#050505;
    color:#b9b9b9;
    line-height:1.45;
    letter-spacing:.045em;
    font-size:10px;
  }
  .footer-control {
    grid-column:1;
    grid-row:1;
    justify-self:start;
    color:#e8e8e8;
    font-size:10px;
    letter-spacing:.07em;
    line-height:1.6;
  }
  .footer > span:nth-child(2) {
    grid-column:2;
    grid-row:1;
    justify-self:end;
    text-align:right;
    color:#a9a9a9;
    font-size:9px;
    line-height:1.6;
    white-space:nowrap;
  }
  .footer-center {
    position:static;
    transform:none;
    display:block;
    grid-column:1 / -1;
    grid-row:2;
    justify-self:stretch;
    text-align:center;
    color:#d2d2d2;
    font-size:10px;
    letter-spacing:.06em;
    white-space:normal;
    line-height:1.6;
    padding-top:12px;
    border-top:1px solid #282828;
  }
  .footer > span:last-child {
    grid-column:1 / -1;
    grid-row:3;
    justify-self:center;
    text-align:center;
    color:#828282;
    font-size:9px;
    letter-spacing:.07em;
    white-space:normal;
    line-height:1.4;
    margin:0;
  }
}
@media (max-width: 355px) {
  .footer {column-gap:8px;padding-inline:13px;}
  .footer > span:nth-child(2) {font-size:8px;letter-spacing:0;}
  .footer-control {font-size:9px;}
}