/* NAV --------------------------------------------------- */

.navbar{
    width: 100%;
    position: -webkit-sticky;
    position: sticky;
    top:0;
    z-index: 10000;
}

.navbar-content{
    /*width: 800px;*/
    margin: auto;
    display: flex;
}

.navlink{
    /*padding: 15px 60px;*/
    color:white;
    text-decoration: none;
    font-weight: 400;
    text-transform: uppercase;
    transition: 2.5s;
}

.navlink:hover{
    background-color: #FFC42C;
    color: #2C347E;
    transition: 0.5s;
}

@media screen and (min-width: 1024px){
    .navbar-content{
        width: 800px;        
        margin: auto;
    }
    .navlink{
        padding: 7px 60px;
        letter-spacing: 5px;
    }

}

@media screen and (max-width: 1024px){
    .navbar-content{
        width: 400px;
        margin: auto;
    }
    .navlink{
        padding: 15px 20px;
        letter-spacing: 2px;
    }

}

/*.active{border: solid 1px #FFC42C; color: #FFC42C;}*/
.active{color: #FFC42C;}