@charset "utf-8";
/* CSS Document */

/* ===============================
   ABOUT PAGE
=============================== */

.page-about {
background: var(--bg-main);
}

/* ===============================
   HERO
=============================== */

.page-about .page-hero {
/*  padding: 120px 0 100px;*/
  text-align: center;
}

/* ===============================
   INTRO
=============================== */

.reservation-intro {
  text-align: center;
 /* padding: 40px 0;*/
}


.reservation-intro p {
  line-height: 2;
  margin-bottom: 1.4em;
}


/* ===============================
   RESPONSIVE
=============================== */

@media (max-width: 768px) {

  .reservation-hero {
    padding: 90px 0 70px;
  }

  .reservation-intro,
  .reservation-text {
    font-size: 0.85rem;
  }

  .reservation-section {
    margin-bottom: 100px;
  }

}