header{
    background: url("../media/bg-header.jpg") no-repeat center center fixed;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    width: 100vw;
    height: 100vh;
	
    }
    
    header div{
        text-align: center;
        line-height: 0;
    }
    
    #title h1{
        font-size: 10em;
        margin-bottom: 0;
        padding-bottom: 0.25em;
    }
    
    #title h2{
        font-size: 2.5em;
        text-align: center;
        text-transform: uppercase;
    }

    ul {
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: row;
        width: 100%;
        justify-content: space-around;
        flex-wrap: wrap;
        font-size: 2em;
        list-style-type: none;
    }
    
    nav{
        margin: 0;
        background: inherit;
        width: 80vw;
        text-align: center;
        margin-bottom: 30px;
    }
    
    nav a:link, nav a:visited, nav a:hover, nav a:active {
        color: white;
        text-decoration: none;
        position: relative;
        padding-bottom: 5px;
    }

    nav a::after {
        content: '';
        display: block;
        width: 0;
        height: 5px;
        border-radius: 2.5px;
        background-color: white;
        position: absolute;
        bottom: 0;
        left: 0;
        transition: width 0.3s; 
    }
    
    nav a:hover::after {
        width: 100%;
    }