body
/*Patron de fondo*/
{
background-color:#556;
background-image: linear-gradient(30deg, #445 12%, transparent 12.5%, transparent 87%, #445 87.5%, #445),
linear-gradient(150deg, #445 12%, transparent 12.5%, transparent 87%, #445 87.5%, #445),
linear-gradient(30deg, #445 12%, transparent 12.5%, transparent 87%, #445 87.5%, #445),
linear-gradient(150deg, #445 12%, transparent 12.5%, transparent 87%, #445 87.5%, #445),
linear-gradient(60deg, #99a 25%, transparent 25.5%, transparent 75%, #99a 75%, #99a), 
linear-gradient(60deg, #99a 25%, transparent 25.5%, transparent 75%, #99a 75%, #99a);
background-size:80px 140px;
background-position: 0 0, 0 0, 40px 70px, 40px 70px, 0 0, 40px 70px;/*Aqui termina el patron de fondo cubos japoneces*/
}
header,nav,section
{
width:80%;
margin:auto;
background-color:#AEBFE1;
border:2px solid;
border-radius:0.5em;
text-align:justify;
}
header>h1
{
text-align:center;
font-family: 'Oswald', sans-serif;
}
header>img
{
width:70px;
position:absolute;
top:13px;
right:150px;
opacity:0.3;
}

/*primer nav*/
nav ul
{
overflow:auto;
list-style:none;
margin:auto;
}
nav li
{
float:left;
margin:0 1px;
}
nav a
{
display: block;
	padding: 15px;
	color: black;
	font-size: 20px;
	font-family: arial;
	font-weight: 10px;
	text-decoration: none;
	text-transform: uppercase;
}
nav a:hover
{
	color: white;
	background-color:#4767A9;
}
/*segundo nav--------------------------------------------------*/
#nav-secundario
{

}
#nav-secundario  ul
{


}
#nav-secundario li
{
float:none;
margin:0 1px;
}
#nav-secundario a
{
display:block;
	padding: 10px;
	color: black;
	font-size: 20px;
	font-family: arial;
	font-weight: 10px;
	text-decoration: none;
	text-transform: uppercase;
}
#nav-secundario a:hover
{
	color: yellow;
	background-color:#4767A9;
	text-align:left;
}
/* ----------------------------------------------------------------*/
article
{
min-height:600px;
padding:25px;
font-size:22px;
font-family: 'Cherry Cream Soda', cursive;
}
/*<div
{
border:1px solid black;
margin:2px auto;
text-align:center;
padding:20px;
width:auto;
}*/
div>img
{
width:200px;
}
p
{
	font-size: 30px;
	padding: 20px;
}
h1
{
	font-size: 25px;
	text-align: center;
	font-weight: bolder;
}
@media screen and (max-width:900px)
{
	header,nav,section
{
width:100%;
margin:auto;
background-color:#AEBFE1;
border:2px solid;
border-radius:0.5em;
text-align:justify;
}
.monami{
    width:100%;
    margin:auto;
    border-radius: 0.5em;
    border: 1px solid;
    background-color: black;
   }
#nav-secundario a
{
display: inline-table;
	padding: 10px;
	color: black;
	font-size: 20px;
	font-family: arial;
	font-weight: 10px;
	text-decoration: none;
	text-transform: uppercase;
}

}