body {
}

/* STRUCTURE */

#divCatalagos {
    padding: 10px 0;
    width: 100%;
}
#divCategorias {
    width: 25%;
    height:100%;
    float: left;
}
#divCatalagos .content {
    width: 25%;
    float: left;
    padding: 5px 15px;
    border: solid 1px #ccc;
    background: #f8f8f8;
    margin: 0 10px 10px 0;
    height: 300px;
}

/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* for 980px or less */
@media screen and (max-width: 980px) {
    #divCatalagos {
        width: 94%;
    }

        #divCatalagos .content {
            width: 41%;
            padding: 1% 4%;
        }
}

/* for 700px or less */
@media screen and (max-width: 600px) {

    #divCatalagos .content {
        width: auto;
        float: none;
    }
}

/* for 480px or less */
@media screen and (max-width: 480px) {
}