#nav_bar1 {
    padding-bottom: 0px;
    background-image: url('../graphics/metalic_red2.jpg');
    background-repeat: repeat-x;
    background-size: 100% 100%;
}

#red_nav_bar{
    padding-top: 6px;
    padding-bottom: 2px
}

.red_nav_bar-site_link {
    vertical-align: text-bottom;
    font-size: 10px;
}

.red_nav_bar-social_media_link {
    vertical-align: top;
    font-size: 14px;
}

#main_nav_bar {
    background-image: url('../graphics/metalic_white.jpg'); 
}







@media screen and (max-width: 399px) {
    #myNavbar, w3-bar, w3-card-2, w3-bar-item, w3-button, w3-right, w3-hide-large, w3-xlarge {
        padding: 5px 0px 0px 0px;
        background-color: rgba(0,0,0, .4);
        color: rgba(255, 255, 255, 1);
        width: 100%;
    }
}

@media screen and (min-width: 400px) {
    #myNavbar, w3-bar, w3-card-2, w3-bar-item, w3-button, w3-right, w3-hide-large, w3-xlarge#myNavbar, w3-bar, w3-card-2 {
        padding: 5px 5px 0px 5px;
        background-color: rgba(0,0,0, .4);
        color: rgba(255, 255, 255, 1);
    }
}

#mySidebar {
    display: none;
}