.navigation-bar i {
    text-align: center;
    color: white;
}

.navigation-bar a span {
    color: white;
}

.navigation-bar a:hover i{
    color: red;
}

@media all and (min-width:770px) {

    .menu-nav {
        background-color: #036091;
    }

    .navigation-bar i {
        display: block;
        text-align: center;
        color: white;
        font-size: 20px;
        margin-top: 0;
        padding-top: 5px;
    }

    .navigation-bar a span {
        color: white;
        display: block;
        text-transform: uppercase;
        margin: 2px 10px 2px 10px;
    }

    .navigation-bar a:hover i {
        color: red;
    }
}