.container{
	justify-content: space-between;
}

.box{
	width:100%;
	margin-top: 6px;
}

.fancy-cover{
	padding: 11px;
	margin-top: 25px;
}

/*
Styles above this should stay above
*/

#logo{
	max-width:90%;
	height:auto;
	padding-top: 4px;
	padding-left: 1px;
}

#slide-menu-logo{
	padding-bottom: 10px;
	padding-top: 10px;
	background-color:#fff;
	display:block;
	width:100%;
	margin-top: 4px;
}

img.min-icon{
	height: 21px;
	width: auto;
}

img.med-icon{
	height:60px;
	width:auto;
}
#nav0{
width:10%
}

#nav1 {width: 40%;}

#nav2{
padding-top: 0px;
width: 50%;
}

#nav3{
	float:right;
	width:100%;
}

nav{
width:250px;
height:100%;
position:absolute;
transition: transform 0.3s ease;
background-color:#0066b3;
color:#fff;
overflow-y: scroll;

transform: translate(-300px, 0);
transition: transform 0.3s ease;
}

nav.open{
	transform:translate(0,0);
}

ul.nav-ul{
	display: block;
	width:100%;
}

ul.nav-ul li{
	width:100%;
	text-align:left;
	padding:10px;
}
#hamburger-menu{
	display:block;
	margin: 5px;
}

#footer-copyright, #footer-contact, #footer-time{
	padding-top:20px;
	border-top:1px solid;
	width: 100%;
	text-align:left;
}

#patient-login, #appoinment{
	width:50%;
}

#appoinment-login{
	order:2;
}

.button{
	padding: 10px 20px;
	font-size: 16px;
}

.tabs, .tabs:hover{
	color:#fff;
    cursor: pointer;
    text-transform: uppercase;
	font-size: 16px;
}

#white_letter{
	width:300px;
	left: 20px;
	margin-left: 0px;
	padding: 10px 25px;
}

.bigHiddenContent{
	width:90%;
	height:auto;
	margin-left: 5%;
}

#test_cost{
	overflow-x:scroll;
    margin-left: 170px;
}

div#test_cost td, div#test_cost th
{
	width:170px;
} 

div#test_cost td:first-child, div#test_cost th:first-child
{	left:30px;
	position:absolute;
	padding:8px;
}