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

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

nav{
    width:100%;
     height:30%;
     background: #F08554;
     margin:auto;}

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

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

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

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

footer{width:100%;
     height:50%;
     background: #ED716E;
     } 

.foto{width:20%;
     height:360px;
     background: #FCF7D6;
     margin: 3% auto 5% 3%;
     float: left;}

.datos{width:70%;
      height:360px;
      background:: #5B4A3D;
      margin:3% auto 5% 30%;
     }

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

.botones{width:100%;
     height:50%;
     background: #ED716E;
     } 

@media screen and (max-width:768px){
                                
                                     aside{display: none;}
                                     section{width: 100%;
                                             height: 400px;}
    
                                      footer{height:80%;}
                                      
                                     .foto{width:35%;
                                          margin: 3% 2% 5% 3%;}
    
                                     .datos{width:56%;
                                            margin:3% 2% 5% 41%;}
    
    h5{background:#5d13d3;}
    a{font-size:15px;}
                            
    

}

@media screen and (max-width:320px){aside{display: none;}
                                     section{width: 100%;
                                             height:780px;}
                                        
                                    section article{width: 100%;
                                             height:780px;}
    main{height: 770px;}
    
                                   .foto{width:90%; height:30%;
                                          margin: 5% 5% 0% 20%;
                                          float: left;}
    
                                    .datos{width:90%;
                                            margin:10% 5% 5% 5%;
                                            float: right;} 
    nav{display: none;}
    
}

h1{font-family: arial;
   font-size: 1.5rem;
    color:#2C9C96;
   margin-left: 2rem;
 }

h2{font-family: arial;
   font-size: 1rem;
   color:#2C9C96;
   margin-left: 2rem;}

h3{font-family: arial;
   font-size: 0.7rem;
   text-align: center;
    color:#2C9C96;
   margin-top:auto;}

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

.materias{font-family:"arial";
            color:#2C9C96;
          font-size: 0.8rem;
           margin-left: 2rem;}

.datosgenerales{font-family:"arial";
    color:#fff;
   font-size: 0.7rem;
    
   }

h4{font-family: arial;
   font-size: 0.7rem;
   text-align: center;
    color:#FCF7D6;
   margin-top:auto;}

h5{font-family: arial;
   font-size:1.4rem;
   text-align: center;
   color:#FCF7D6;
   margin:auto; padding:0.3px;
   }

.logo {width: 200px; height: 120px; margin:10px 20px 20px 20px;}
#pie{padding:0.3rem 0rem 0.3rem 0rem; }

#tpindividual{font-family:"arial"; font-size: 1rem; color: #f70808; margin: 5px 0px 5px 0px;}

a{font-family: "arial" "verdana"; color: #fff; text-decoration: none; }
.tpindividual{font-family: "arial" "verdana"; color: #b911d8;}