/* CSS Document */

 *{
	margin:0;
	padding:0;
		
}


 
header nav {
z-index:1000;
width:100%;
background:#0073b2;
-webkit-box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.75);
box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.75);

}

.menu_bar {
display:none;
-webkit-box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.75);
box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.75);

}
 
header nav ul {
overflow:hidden;
list-style:none;
}
 
header nav ul li {
float:left;
}
 
header nav ul li a {
color:#fff;
padding:20px;
display:block;
text-decoration:none;
}
 
header nav ul li span {
margin-right:10px;
}
 
header nav ul li a:hover {
background:#009cf2;
}
 
section {
padding:20px;
}
 
@media screen and (max-width:800px ) {
header nav {
	z-index:1000;
width:80%;
height:100%;
left:-100%;
margin:0;
position: fixed;
-webkit-box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.75);
box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.75);
}
 
header nav ul li {
display:block;
float:none;
border-bottom:1px solid rgba(255,255,255, .3);
}
 
.menu_bar {
display:block;
width:100%;
background:#ccc;
}
 
.menu_bar .bt-menu {
display:block;
padding:20px;
background:#0073b2;
color:#fff;
text-decoration:none;
font-weight: bold;
font-size:25px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
 
.menu_bar span {
float:right;
font-size:40px;
}