.nav {
    height: 75px;
    width: 100%;
    background-color: #1DB954;
    display: flex;
    justify-content: center;
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.nav a {
    height: 30%;
    color: #f2f2f2;
    font-size: 20px;
}

.nav > li {
    transition: width .5s ease, background-color .5s ease;
    float: left;
    padding: 25px 64px;
}

.foot {
     height: 75px;
     width: 100%;
     background-color: #1D1D26;
     display: flex;
     justify-content: center;
     padding: 0;
     margin: 0;
     list-style-type: none;
}
.foot p {
    margin: 0;
    line-height: 75px;
    vertical-align: middle;
}

@media only screen and (max-width: 749px) {
    .nav :nth-of-type(1n+3){
        display: none;
    }
}

@media only screen and (max-width: 560px) {
    .nav :nth-of-type(1n+2){
        display: none;
    }
}