/* study-cafe/css/style.css — Build Sprint 3 reference stylesheet.
   NOTE the url() on the header: it resolves relative to THIS FILE (css/),
   so the logo path must climb out with ../ first. That is the whole point
   of the M4 dot-dot rule returning here. */
*
{
  box-sizing: border-box;
}

body
{
  font-family: Verdana, Arial, sans-serif;
  background-color: oldlace;
  margin: 0;
}

header
{
  background-image: url("../img/poshtik-campus-logo.jpg");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 90px;
  padding: 24px;
}

header h1
{
  margin: 0;
  font-size: 20px;
}

.tagline
{
  font-size: 12px;
  color: dimgray;
  margin: 4px 0 0;
}

.card
{
  width: 700px;
  margin: 24px auto;
  background: white;
  padding: 20px;
  border-radius: 12px;
}

.card h2
{
  font-size: 15px;
  margin: 0 0 8px;
}

.card ul
{
  line-height: 1.9;
  font-size: 13px;
}

.today
{
  color: darkorange;
  font-weight: bold;
}

#wifi-note
{
  background-color: lemonchiffon;
  padding: 8px;
}

footer p
{
  font-size: 12px;
  text-align: center;
  color: dimgray;
}

@media (max-width: 600px)
{
  .card
  {
    width: 100%;
  }
}