/***********************************************************
**************Aquí empieza mi código CSS********************
***********************************************************/

/********* 
Box-sizing
**********/

@media (max-width: 650px) {
    
div.nombreSeccion, article, section {
    float:left !important;
    clear:both;
    width: 100% !important;
    padding: 3px !important;
}
    
header h3{
    font-size: 200%;
}
    
section.presentacion,section.hv,section.edu,section.web,section.mm,section.contactar{
    margin-top: 30px;
}

section.masthead footer div:first-child img{
    display: none;
}
    
section.masthead footer div{
    width: 100%;    
}
        
    
section div.nombreSeccion{
    margin-top: -6px;
}    

section.masthead div div .titulo_principal{
    width: 90%;
}

section.mm section.column{
    margin-left: 0;
}
    
section.masthead{
    margin-top: 90px;
}
    
div.nombreSeccion img{
    display: none;
}

nav{
    overflow: auto;
    height: auto;
    padding-bottom: 5px;
}
    
nav ul li{
    width: 48%;
}
    
nav ul li a{
    width: 100%;
}
    
}