header{width:100%;
       height:150px;
       background: #fcf7d6;
       margin:0 auto}

body{width:100%;
     height:400px;
     background: #fbf7d7;
     margin:0 auto;
     font-size: 12px}

nav{
    width:100%px;
     height: 50px;
     background: #21f8bf;
     margin:0 auto}


nav ul li {font-family: 'Josefin Sans', sans-serif; color: #FFF; font-weight: bold; font-size: 0,5em; padding: 2% 5% 2% 0; float: right; list-style-type: none;text-decoration:none;}



main{width:100%px;
     height: 400px;
     background: #fcf7d6;
     margin:0 auto}

section{width:73%;
     height: 400px;
     background:#fcf7d6;
     float: left}

section article {width:70%;
     height:400px;
     background: #fcf7d6
     float: left}

aside{width:26%;
     height: 380px;
     background:#21f8bf;
     margin-top:1%;
     float: right}

aside article{width:80%;
             height: 340px;
             background:#21f8bf;
             margin:10% auto;}

footer{width:100%;
     height:50px;
     background: rgba(88, 49, 92, 0.83);
     margin:0 auto} 

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

@media screen and (max-width:768px){
                                
                                     aside{display: none;}
                                     section{width: 100%;
                                             height: 400px;}
    
                                      footer{ height: 80;}
                                      

}

@media screen and (max-width:320px){aside{display: none;}
                                     section{width: 100%;
                                             height:400px;}
    
                                    footer{height:100%;}

}

h1{font-family: 'Josefin Sans', sans-serif
   font-size: 1.5rem;
    color:#f53a89;
   margin-left: 2rem;

 }

h2{font-family: 'Josefin Sans', sans-serif
   font-size: 1rem;
   color:#f53a89;
   margin-left: 2rem;}

h3{font-family: 'Josefin Sans', sans-serif
   font-size: 0.7rem;
   text-align: center;
    color:#2c9c96;
   margin-top:auto}

.uba{font-family:"arial";
     color:#030303;
     font-size: 0.9rem;
  
}

.materias{font-family: 'Josefin Sans', sans-serif
    color:#2c9c96;
   font-size: 0.8rem;
     margin-left: 2rem;
   }

.datosgenerales{font-family: 'Josefin Sans', sans-serif
    color:#fff;
   font-size: 0.7rem;
   
   }

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

.destacado {
background:#ffec08;
	}