header {
    background: #000000;
    color: white;
}

.header-top{
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}

.header-top h1{
    font-size: 5vw;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    margin-top: 5vw;
    padding-bottom: 1vh;
    border-bottom: solid 1px white;
}

.header-top h6 {
    font-size: 3vw;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-weight: lighter;
    font-style: italic;
    margin: 3vw;
}

/*----------------------------------------------------------------------------*/

nav {
      display: flex;
      justify-content: center;
      padding-bottom: 2vh;
    }

nav ul {
      display: flex;
      gap: 3vw;
      list-style: none;
    }

nav li {
      font-size: 4vw;
    }

nav a {
      color: white;
      text-decoration: none;
      font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
      padding: 0 5%;
      border-bottom: solid 1px white;
    }


@media (min-width: 600px) {

    .header-top h1{
        margin-top: 1vw;
        font-size: 1.5vw;
    }

    .header-top h6 {
        font-size: 1vw;
        margin: 1vw;
    }

    nav {
      padding-bottom: 3vh;
    }

    nav ul {
      gap: 2vw;
    }

    nav li {
      font-size: 1vw;
    }

    nav a {
      padding: 0 10%;
    }
}