#content .box {
    width: 50%;
    padding: 6px;
    display: inline-block;
    vertical-align: top;
    /*margin-bottom: 12px;*/
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    /* Opera/IE 8+ */
}
#content2 .box {
    width: 50%;
    padding: 6px;
    display: inline-block;
    vertical-align: top;
    /*margin-bottom: 12px;*/
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    /* Opera/IE 8+ */
}
#content3 .box {
    width: 50%;
    padding: 6px;
    display: inline-block;
    vertical-align: top;
    /*margin-bottom: 12px;*/
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    /* Opera/IE 8+ */
}
#content4 .box {
    width: 50%;
    padding: 6px;
    display: inline-block;
    vertical-align: top;
    /*margin-bottom: 12px;*/
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    /* Opera/IE 8+ */
}
#content5 .box {
    width: 50%;
    padding: 6px;
    display: inline-block;
    vertical-align: top;
    /*margin-bottom: 12px;*/
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    /* Opera/IE 8+ */
}


.box img {
    cursor: pointer;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    max-width: 100%;
    filter: sepia(70%);
    -webkit-filter: sepia(70%);
    -moz-filter: sepia(70%);
    -o-filter: sepia(70%);
    -ms-filter: sepia(70%);
}
.box img:hover {
    filter: sepia(0);
    -webkit-filter: sepia(0);
    -moz-filter: sepia(0);
    -o-filter: sepia(0);
    -ms-filter: sepia(0);
}
@media screen and (min-width: 720px) {
    #content .box {
        width: 33%;
    }
    #content2 .box {
        width: 33%;
    }
    #content3 .box {
        width: 33%;
    }
    #content4 .box {
        width: 33%;
    }
    #content5 .box {
        width: 33%;
    }
}
@media screen and (min-width: 992px) {
    #content .box {
        width: 20%;
    }
    #content2 .box {
        width: 20%;
    }
    #content3 .box {
        width: 20%;
    }
    #content4 .box {
        width: 20%;
    }
    #content5 .box {
        width: 20%;
    }
}