.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: none;
    
    

}




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

section p span{
    font-weight: 900;
    font-size: 20px;
    color: #000;
    font-family: lobster;
   
    
    }

section p{
    font-size: 16px;
    color: #A4263F;
    line-height: 24px;
    padding-top: 10px;
    margin-top: 1px;
    
}
.texto {
    margin-top: 50px;
   margin-left: 200px;
    
    }


.imagen {
    height: 220px;
    width: 500px;
    
    
    
  } 
  

section article {
    
    margin-top: 0
    margin-left: 0
    
    
    
}

.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: 100%; height: 60%; 
              
              }
   .imagen {display: none
       }
    section article img { display: none}
   
    footer { width: 80%; 
    height: 50%}
    
    .logoredondo{ width: 147px; position: relative; margin: 0 auto;
        }
    .png1{ display: none
        }
    .redes{ display: none
        
        }
    
    section p  { width: 100%;
    
        
         }
    
    section p span  { width: 100%;
        
         }
    
    .texto
     { width: 100%; margin: 0; line-height: normal;
        
         }
    
    article  { width: 100%;
        
         }
   
 
}