ul.topnav {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    /*background-image: url(../Images/topNavBG.png);
    background-repeat: repeat-x;*/
    background-color: #337ab7;
}

    ul.topnav li {
        float: left;
    }

        ul.topnav li a {
            display: block;
            color: white !important;
            text-align: center;
            padding: 7px 8px;
            text-decoration: none;
            width: 160px;
            vertical-align: middle;
        }

            ul.topnav li a:hover {
                background-color: dodgerblue;
            }


@media (max-width: 768px) {
    ul.topnav li a {
        width: 75px;
    }
}