@media (min-width:1000px){

  #hdr{padding:15px max(24px,calc((100% - 1180px) / 2));height:72px}
  .logo{font-size:20px;gap:11px}
  .logo-img{width:32px;height:32px}
  .logo-mark{width:24px;height:24px}

  #app{max-width:620px;padding:34px 24px 80px}
  h2{font-size:28px;margin-bottom:22px}

  body[data-screen="auth"] #app{max-width:none;padding:0;
    min-height:calc(100vh - 72px);display:flex;flex-direction:column;
    align-items:center;justify-content:center}
  body[data-screen="auth"] #app > *{width:100%;max-width:460px}
  body[data-screen="auth"] #app > .card{padding:26px 26px 22px}

  body[data-screen="home"] #app{max-width:1180px;padding-left:34px;padding-right:34px}
  body[data-screen="ratesScreen"] #app,
  body[data-screen="pointsScreen"] #app{max-width:1040px;padding-left:34px;padding-right:34px}
  body[data-screen="labelsScreen"] #app{max-width:940px;padding-left:34px;padding-right:34px}
  body[data-screen="shipFrom"] #app,
  body[data-screen="details"] #app,
  body[data-screen="smartLabel"] #app,
  body[data-screen="settings"] #app,
  body[data-screen="supportScreen"] #app,
  body[data-screen="ticketThread"] #app{max-width:940px;padding-left:34px;padding-right:34px}

  body[data-screen="home"] #app > .center:first-child{display:none}
  body[data-screen="home"] .hero-word{display:none}
  #svhost:empty{display:none}

  body[data-screen="home"] .card.center{display:flex;align-items:baseline;gap:22px;
    text-align:left;padding:24px 28px;margin-bottom:16px}
  body[data-screen="home"] .card.center small{font-size:12px;letter-spacing:.06em;
    text-transform:uppercase;flex:none}
  body[data-screen="home"] .balance{font-size:48px;line-height:1}
  body[data-screen="home"] .contact-card{margin-bottom:16px}

  .dgrid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}
  .dgrid .btn{margin-top:0;grid-column:span 3;text-align:left;
    padding:24px 22px;font-size:18px}
  .dgrid .btn#bn{grid-column:span 8;font-size:25px;padding:32px 28px}
  .dgrid .btn#br{grid-column:span 4;font-size:25px;padding:32px 28px}

  body[data-screen="shipFrom"] #app > .card:nth-of-type(1),
  body[data-screen="shipFrom"] #app > .card:nth-of-type(2){
    display:inline-block;width:calc(50% - 7px);vertical-align:top;margin-bottom:14px}
  body[data-screen="shipFrom"] #app > .card:nth-of-type(1){margin-right:12px}

  body[data-screen="details"] #app > .card:nth-of-type(2),
  body[data-screen="details"] #app > .card:nth-of-type(3){
    display:inline-block;width:calc(50% - 7px);vertical-align:top;margin-bottom:14px}
  body[data-screen="details"] #app > .card:nth-of-type(2){margin-right:12px}

  body[data-screen="smartLabel"] #app > .card:nth-of-type(1),
  body[data-screen="smartLabel"] #app > .card:nth-of-type(2){
    display:inline-block;width:calc(50% - 7px);vertical-align:top;margin-bottom:14px}
  body[data-screen="smartLabel"] #app > .card:nth-of-type(1){margin-right:12px}

  body[data-screen="ratesScreen"] .rate{padding:13px 20px;margin-bottom:7px}
  body[data-screen="ratesScreen"] .rate .price{font-size:24px}

  body[data-screen="labelsScreen"] .lbl{padding:16px 20px}

  body[data-screen="shipFrom"] #app > .btn,
  body[data-screen="details"] #app > .btn,
  body[data-screen="smartLabel"] #app > .btn{width:auto;min-width:280px;padding-left:34px;padding-right:34px}
}