/* ============================================================
   Roscoe Street Garage - Coming Soon
   responsive.css  (breakpoints: tablet, mobile portrait/landscape)
   ============================================================ */

/* Tablet ------------------------------------------------- */
@media (max-width:768px){
  .panel{ padding:48px 32px 40px; }
  .brand{ font-size:2.9rem; }
  .soon{ font-size:1.35rem; }
}

/* Mobile portrait ---------------------------------------- */
@media (max-width:520px){
  .stage{ padding:32px 18px; }
  .panel{
    padding:40px 22px 34px;
    border-radius:14px;
  }
  .eyebrow{
    font-size:.72rem;
    letter-spacing:.22em;
    margin-bottom:18px;
  }
  .brand{ font-size:2.25rem; }
  .tagline{ font-size:1.02rem; }
  .soon{ font-size:1.18rem; }
  .lead{ font-size:.96rem; }
  .btn{
    width:100%;
    max-width:320px;
    padding:15px 24px;
  }
  .meta{ font-size:.9rem; }
  .meta a{ word-break:break-word; }
}

/* Very small phones -------------------------------------- */
@media (max-width:360px){
  .brand{ font-size:1.95rem; }
}

/* Mobile landscape (short height) ------------------------ */
@media (max-height:480px) and (orientation:landscape){
  .stage{ padding:24px 18px; }
  .panel{ padding:28px 26px; }
  .rule{ margin:18px auto; }
  .lead{ margin-bottom:22px; }
  .brand{ font-size:2.2rem; }
}