header nav {
text-align: center;
background: #3636e2; /* #8888ee; */
}

header nav ul {
margin: 1em 0em;
padding: 1em 0em;
list-style-type: none;
}

header nav ul li {
display: inline-block;
width:110px;
padding:0.5em 0em;
text-align:center;
}

header nav ul li a:hover{
padding:1em 1em;
color: #ffffff;
background-color: #008000; /* #1111dd; */

-webkit-box-shadow: 0px 0px 10px #000;
-moz-box-shadow: 0px 0px 10px #000;
-o-box-shadow: 0px 0px 10px #000;
box-shadow: 0px 0px 10px #000;
}

header nav ul li:first-child {
margin-left: 0;
}

header nav ul li ul {
display: none;
}

header nav a {
color: #ffffff 	!important; /* #f77564; */
}


header nav a:hover {
color: #ffffff 	!important; /* #333; */
}

header nav a, a:hover {
-o-transition: color 0.15s ease-in;
-webkit-transition: color 0.15s ease-in;
-moz-transition: color 0.15s ease-in;
transition: color 0.15s ease-in;
/* color: #ffff00 	!important; */
 /* ------------ */





}

header {
display: block;
float: left;
width:100%;
/* margin:0 auto; */
/* padding:1em; */
padding-top:1em;
}

article {
width: 96%;
padding: 3em 2%;
}