.leerMasCol
{
    position: relative;
    float: left;
    width: 20%;
    padding-left: 5px;
    padding-right: 5px; 
    box-sizing: border-box;
}

.NombreMenuPrincipal
{
    font-family: Ghotam Narrow Black, Helvetica,Verdana; 
    font-size: 16px; 
    font-weight: bold; 
    /*color: #800000; */
    text-decoration: none;
}

@media only screen and (max-width: 1024px)
{
    .leerMasCol
    {
        width: 25%;
    }    
}

@media only screen and (max-width: 800px)
{
    .leerMasCol
    {
        width: 33%;
    }    
}

@media only screen and (max-width: 600px)
{
    .leerMasCol
    {
        width: 50%;
    }    
}

@media only screen and (max-width: 400px)
{
    .leerMasCol
    {
        width: 100%;
    }    
}