body {
background-color: #696969;
margin: 10px 5%;
color: #777;
}
header, nav, article, aside, footer {
    padding: 10px;
    margin: 0px 0px 0px 0px;
}
header {
	background: linear-gradient(to right, #8b1217 5.1em, #ffffff 0);
	padding: 0em;
}
header > p {
    background:url(../images/logoweb.jpg) no-repeat;
    color:transparent;
	height: 7em;
	margin-left: 0px;
	border-left: 0px;
    padding-right:40px;
	flex: auto;
}
header > h1 {
	color: #8b1217;
	flex: auto;
}
header > h1{
     text-shadow:10px 10px 20px #000;
	 text-shadow:-0.2em 0.2em 0.2em  #8b1217;
}
.topnav a{
	color: #8b1217;
	text-decoration: none;

}
.topnav{
flex: auto;
}

article {
	background: #ffffff;

}
article > h2 {
	color: #8b1217;
}
aside {
    background: linear-gradient(to right, #8b1217 5.1em, #ffffff 0);

}
footer {
	background: linear-gradient(to right, #8b1217 5.1em, #ffffff 0);
	text-align: center;
	font-weight: bold;

}
footer span {
  color:#8a1317;
  }
.footernav a{
	color: #777777;
	text-decoration: none;
}