.mobile-header {
    display: none;
}




@media (max-width: 900px) {
    .mobile-header {
		display: block;
	}
    .browser-header {
		display: none;
	}
}





/* =============================================================================  */
/*								 browser-header								      */
/* =============================================================================  */

.nav-bar {
    display: flex;
    float: none;
    justify-content: space-around;
    justify-items: center;
    height: auto;
    
}

.nav-bar ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    width: 100%;
    display: flex;
    justify-content: space-between;
    list-style-type: none;
}



.nav-bar li {
    display: inline-block;
    border: solid .05em lightgray;
    border-bottom: solid .2em rgba(2, 1, 103, 1);
    margin-top: .7em;
    margin-bottom: .7em;
    height:auto;
    width: 12%;
}

.nav-bar a {
    /* color: rgba(2, 1, 103, 1); */
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    font-size: 1.25em;
    display: block;
    padding: .3em .5em;
}

.nav-bar li:hover {
    box-shadow: 0 0 .5em .0em black;
}


.dropdown-toggle::after {
    content: none;
}
.dropdown-content {
    display: none;
    position: absolute;
    right: 0;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}
#address-link {
    color:rgba(2, 1, 103, 1);
    text-decoration: none;
}

#address-link:hover {
    /* background: rgb(225, 170, 116); */
    background: rgb(2, 1, 103, 1);
    text-decoration: none;
    color: white;
}


.smaller {
	font-size: smaller;
}