*{margin: 0; padding: 0;}

body{
	text-align: justify;
	background-size: contain;
	background-repeat: repeat;
	font-size-adjust: initial;
}

header{
	width:100%;
	overflow:hidden;
	background:black;
	margin-bottom:20px;
}

.wrapper{
	width:90%;
	max-width:1000px;
	margin:auto;
	overflow:hidden;
	text-align:center;
	color: black;
}

.br {
	width:100%;
	overflow:hidden;
	background:blue;
	margin-bottom:20px;
}

.br {
	width:100%;
	max-width:1000;
	margin:auto;
	float:right;
	text-align:right;
}

header nav {
	color:white;
	font-size: 150%;
	line-height: 50px;
	float:right;    
}

header nav a {
	display:inline-block;
	color:white;
	text-decoration:none;
	padding:5px 8px;
	line-height:normal;
	font-size:20px;
	font-weight:bold;
	-webkit-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

header nav a:hover {
    background:black;
    border-radius:50px;
}

 #info{
	font-size: 30px;
	font-family: Times New Roman, Georgia, serif;
	text-align:left;
	background:;
}

p {
	font-size:20px;
	font-family: Arial, Verdana, Tahoma, sans-serif;
	text-align: justify;
	background:;
}

#paraquesirve{
	font-size: 30px;
	font-family: Times New Roman, Georgia, serif;
	text-align: left;
	color: black;
	background:;
}

#historia {
	font-size: 30px;
	font-family: Times New Roman, Georgia, serif;
	text-align: justify;
	background:;
}

#generaciones {
	font-size: 30px;
	font-family: Times New Roman, Georgia, serif;
	text-align: justify;
	background:;
}

aside {
	float: right;
}

.brand img{
	width: 290px;
	height: 110px;	
	float:left;
}


#articulo {
	text-align: center;
}

#a {
	background:white;
}

#e {
	background:white;
}

footer{
	width:94%;
	max-width:1000;
	line-height: 5%;
	overflow:hidden;
	background:silver;
	margin-bottom:20px;
	padding: 20px 30px;
 	border-radius: 100px;
	margin:auto;
	float:left;
	text-align:left;
}

footer {
	color:black;
	font-size: 100%;
	float:left;    
}

footer {
	display:inline-block;
	color:black;
	text-decoration:none;
	padding:25px 30px;
	font-size:16px;
	font-weight: bolder;
}

span{
	float: right;
	line-height: 0px;
}


#id {
	float: center;
}