.pagina { width: 960px; margin: 0 auto;
    font-family: Open Sans Condensed, sans-serif;
}



body{
    
    background: #E4F2FA;
    margin: 10px;

    }

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

    
}



.logoredondo {
    margin: 0   400px;  
    position: absolute;

    }

.redes {
    margin-right: 84px;
margin-top: 50px;
    float: right

    
    }

.png1 {
       margin-right: 84px;
margin-top: 50px;
    float: left

    
     }

nav{ 
    
    width: 100%;
    height: 50px;
    background: #A4323F;
    margin: 20px auto;
    font-family: Open Sans Condensed, sans-serif;
    font-weight: 300;
    
    
    
    }

nav a{
    text-decoration:none;
    padding-top: 0;
    padding-right: 60px;
    padding-bottom: 0;
    padding-left: 60px;
    font-weight: 300;
    letter-spacing: 1px;
    color: #fff;
}


.navegador {
    padding: 15px; 
   

    }

main{
     width: 100%;
     height: 600px;
     margin: 0 auto;
    
}


footer{ 
    
    width: 100%;
    height: 50px;
    background: #B56270;
    margin: 0 auto;
   
}

footer p{
    font-size: 12px;
    text-align: center;
    color: #fff;
    
}

section{
    
    width: 960px;
    height: 220px;
    background: #678D8E;
    
    

}

.lobo {
    position: absolute
   
 }




section p{   
    
    font-size: 15px;
    color: #FFF;
    padding-left: 450px;
    line-height: 4px;
    padding-top: 12px;
    
  

   
}

section p span{
    
    font-size: 21px;
    padding-left: 0px;
    font-family: lobster;
    color: #FFF
    

    }
    
aside{
    
    width: 960px;
    height: 320px;
    margin-top: 10px;
    margin-bottom: 10px;
    
}

aside p span{
    font-weight: 900;
    font-size: 50px;
    color: #A4323F;
    padding-left: 5px;
    font-family: lobster;
    
    }

aside p{
    font-size: 16px;
    color: #A4263F;
    line-height: 8px;
    padding-top: 10px;
    
}

.img {
    margin-left: 385px;
    
    
    }
   


.texto {
    position: absolute
   
 }


section article {
    height: 220px;
    width: 960px;
    
    
    
   } 
  



.columna {
    height: 320px;
    width:  260px;
   
   

    }



@media screen and (max-width:768px){
    
    
    .pagina {width: 100%;
        
        }
    header { width: 100%; }
    nav { width: 100%;
          height: 50%}
    main { width: 100%;height: 50%}
    section { width: 60%; }
    section article img { width: 100%;height: 100%}
    aside {width: 60%;
          height: 60% }
    aside img{ display: none
        }
    footer { width: 80%; }
    .logoredondo{ width: 147px; position: relative; margin: 0 auto;
        }
    .png1{ display: none
        }
    .redes{ display: none
        }
    
    section p{   
        display: none
  

   
}
   
     section p span{ 
         display: none
  

   
}
         section{ 
         background: none
  

   
}