html {
    z-index: 0;
}

#gallery {
    line-height: 0;
    -webkit-column-count: 5;
    -webkit-column-gap: 0px;
    -moz-column-count: 5;
    -moz-column-gap: 0px;
    column-count: 6;
    column-gap: 0px;
    overflow-y:scrollable;
}

#gallery img {
    margin: .15em;
    width: 100%;
    height: auto;
}

/* teh medio queeries */

@media only screen and (min-width : 110px) and (max-width : 319px) {

#gallery {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
}

}

@media only screen and (min-width : 320px) and (max-width : 419px) {

#gallery {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}

}

@media only screen and (min-width : 420px) and (max-width : 519px) {

#gallery {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
}

}

@media only screen and (min-width : 520px) and (max-width : 719px) {

#gallery {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
}

}

@media only screen and (min-width : 720px) and (max-width : 919px) {

#gallery {
    -webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5;
}

}