/* Add a black background color to the top navigation */
header{
    height: 50px;
    width:100%;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index:99;
}
.topnav {    
    overflow: hidden;
    background-color: rgba(255,255,255,0.9);
}
.pull_nav{
    float: right;
}
.topnav a {
    float: left;
    display: block;
    color: #0738c4;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
    font-family: 'Lobster';
    letter-spacing: 1px;
}
.topnav a:hover { 
    zoom:102%;
}
.topnav .icon {
    display: none;
}
.pull_nav span.text-responsive{
    display: block;
    }
/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 1023px) {
    header{
        height: auto;
    }
    .pull_nav{
        float: left;
        width: 100%;
        background-color: rgba(255,255,255,0.8);
    }
    .pull_nav img.img-responsive{
        display: none;
    }
    .pull_nav span.text-responsive{
        display: block;
    }
    .topnav a:not(:first-child) {display: none;}
    .topnav a.icon {
        float: right;
        display: block;
    }
    
    .topnav.responsive {position: relative;}
    .topnav.responsive a.icon {
        position: absolute;
        right: 0;
        top: 0;
    }
    .topnav.responsive a {
        float: none;
        display: block;
        text-align: left;
    }
}