ul.topnav {
    overflow: hidden;
    margin: 45px 0 0 0;
    padding: 0;
    list-style-type: none;
    float: right;
}

    ul.topnav li {
        float: left;
        margin-right: 35px;
    }

        ul.topnav li a {
            text-transform: uppercase;
            font-size: 15px;
            color: #696969;
            text-decoration: none;
        }

            ul.topnav li a:hover {
                color: #258dca;
            }

        ul.topnav li.icon {
            display: none;
        }

@media screen and (max-width:800px) {
    ul.topnav li:not(:first-child) {
        display: none;
    }

    ul.topnav li.icon {
        float: right;
        display: inline-block;
    }
}

@media screen and (max-width:800px) {
    ul.topnav.responsive {
        position: relative;
    }

        ul.topnav.responsive li.icon {
            position: absolute;
            right: 0;
            top: 0;
        }

        ul.topnav.responsive li {
            float: none;
            display: block;
        }

            ul.topnav.responsive li a {
                display: block;
                text-align: left;
            }
}