html, body {
  margin: 0;
  padding: 0;
}
body { overflow-x: hidden; }
.landingPage { width: 100vw; }

/* This file only applies to the home page (i.e. index.html) */

/* ================================ */
/* ======= 1. LANDING PAGE ======== */
/* ================================ */
.landing_title { 
    color: var(--graphite);
    font-size: 5rem;
    margin: 0;
    margin-bottom: 1rem;
}


/* Fill the viewport and keep the title at the very top */
.homeLandingPage {
  min-height: 100vh;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 0;
  overflow: hidden;
  width: 100%;
}

/* Make the word span the full window width */
.huge_title {
    margin: 0;
    display: block;
    width: 100%;
    white-space: nowrap;
    text-align: center;
    font-weight: 300;
    line-height: 0.86;
    letter-spacing: -0.02em;
    font-size: clamp(3rem, 20vw, 18rem);
    overflow: hidden;
    text-overflow: ellipsis;
}

.smaller_title{
    font-weight: 200;
}

/* ====================================== */
/* ======= 2. Airport Directions ======== */
/* ====================================== */
.airport_directions .big_section_title,
.airport_directions .small_section_title{
    text-align: center;
}