@import url(http://fonts.googleapis.com/css?family=Abel);
@import url(http://fonts.googleapis.com/css?family=Josefin+Sans:400,700);
@import url(http://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic);

body { background: #FBF7D7;}
header { width: 100%; background: #fbf7d7; margin: 1%; float: left}
main { width: 100%;  background: #21f8bf; margin: 1%; float: left}
section { width: 100%;  background: #FBF7D7; margin: 1%; }
    section article { width: 43%; background: #fbf7d7; margin: 1% ;  padding: 2%; float: left;}
aside { width: 96%; background: #bf1951; margin: 1%; }
    aside article { width: 100%;background: #fbf7d7; margin: 1%; float: left;}
footer { width: 100%; background: rgba(88, 49, 92, 0.83); margin: 1%; float: left}

h1 {font-family: 'Josefin Sans', sans-serif;
    color:  #f53a89;
    font-size: 1.05rem;
    text-align: left;
    margin: 0.5rem}

h2 {font-family: 'Josefin Sans', sans-serif;
    color:  #3d3535;
    font-size: 0.9rem;
    text-align: left;
    margin: 0.5rem}

h3 {font-family: 'Josefin Sans', sans-serif;
    color:  #3d3535;
    font-size: 0.9rem;
    text-align: left;
    margin: 0.5rem;
    padding-left: 4em}

h4 {font-family: 'Josefin Sans', sans-serif;
    color:  #f53a89;
    font-size: 5rem;
    text-align: left;
    margin: 0}

p {font-family: 'Droid Serif', serif;
    color: #3d3535;
    font-size: 0.9rem;
    text-align: left;
    margin: 0.5rem}

footer p {'Droid Serif', serif;
    color: #fbf7d7;
    font-size: 0.7rem;
    text-align: center;
    margin: 0.5rem 4rem;}

header nav{ font-family: 'Josefin Sans', sans-serif; font-size: 0.8rem; float:right; margin:10px 0 0 0;}
header nav ul li{ float: left; list-style-type:none;}
header nav ul li a{ color:#3d3535; text-decoration:none; padding:8px; margin:8px; background:#FBF7D7;}

.pagina{
    max-width: 960px;
    margin: 0 auto; }

.destacado {
background:#ffec08;
	}


@media screen and (max-width:768px){
    aside{ display: none;}
    section article { width: 45%; background: #fbf7d7; margin: 1% ;  padding: 1%; float: center;}
    
@media screen and (max-width:320px){
    aside{ display: none;}
    section article { width: 94%; background: #fbf7d7; margin: 1% ;  padding: 1%; }
    footer p {margin: 0.6rem 2rem;}
    header nav{ font-family: 'Abel', sans-serif; font-size: 0.8rem; float:left; margin-right: 1%;}
    header nav ul li{ float: right; list-style-type:none;}
    header nav ul li a{ color:#3d3535; text-decoration:none; padding:1px; margin:0px; background:#fbf7d7;}