* {
	padding:0;
	margin:0;
}

body {
	font-family:Verdana, Geneva, sans-serif;
	font-size:18px;
	background-color:#FFF;
	height:100%;
    width: 100%;
	padding: 0px;
	margin: 0px;
}
.lazy{
	
}
header {
	width:100%;
/*	background-color:#008577; (Original) */
	background-color:#009200;
	z-index:1000;
	position: fixed;
	color: #ffffff;
}
a:link, a:visited{
	color: #ffffff;
}
header a:link, header a:visited{
	color: #ffffff;
}
header a:hover, a:hover{
	color: #c0c0c0;
}
.menu-bar {
	color:#FFF;
	font-size:25px;
	cursor:pointer;
	padding:10px 12px;
	margin-left:10px;
	margin-top:5px;
	margin-bottom:5px;
}

.menu-bar:hover {
	background-color:rgba(255, 255, 255, 0.3);
	border-radius:50px;
}

#tag-menu {
	display:none;
}

#tag-menu:checked ~ div.jw-drawer {
 animation: slide-in 0.5s ease;
 animation-fill-mode: forwards;
}

.jw-drawer {
	position:fixed;
	left:-280px;
/*	background-color:#008577; (Original) */
	background-color:#13416b;
	height:100%;
	z-index:100;
	width:230px;
	animation: slide-out 0.5s ease;
	animation-fill-mode: forwards;
}

.jw-drawer ul li {
	list-style:none;
}

.jw-drawer ul li a {
	padding:10px 20px;
	text-decoration:none;
	display:block;
	color:#FFF;
	border-top:1px solid #FFFFFF;
	transition: all ease-in-out 1s;
}

.jw-drawer ul li a:hover{
	background-color:rgba(255, 255, 255, 0.3);
	color: #ffff00;
	transition: all ease-in-out 0.1s;
}

.jw-drawer ul li a i {
	width:50px;
	height:35px;
	text-align:center;
	padding-top:15px;
}

@keyframes slide-in {
 from {left: -280px;}
 to {left: 0;}
}

@keyframes slide-out {
 from {left: 0;}
 to {left: -280px;}
}

.content{
  padding: 100px 0 0 250px;
}