/* MOBILE BACKGROUND FIX */

body{
  margin:0;
  padding:0;

  background-image: url("mobile.png");

  background-size: cover;

  /* PERFECT POSITION UNDER HEADER */
  background-position: center 40px;

  background-repeat: no-repeat;

  background-attachment: scroll;
}


/* SECTIONS */
.section{
  padding:20px;
}


/* FEATURED BOXES */
.featured-grid{
  display:flex;
  flex-direction:column;
  gap:18px;
  margin-top:20px;
}


/* CITY GRID */
.grid{
  display:flex;
  flex-direction:column;
  gap:16px;
}


/* FOOTER */
.footer{
  text-align:center;
  padding:30px 20px;
  font-size:14px;
}


/* MOBILE TUNING */
@media (max-width:768px){

  body{
    background-size: cover;

    /* keeps logo perfectly centered under header */
    background-position: center 40px;
  }

}