#pager {
}

.g {
    max-width: 700px;
    max-height: 466px;
    opacity: 1;
}

    .g:hover {
        opacity: 1;
    }

.imgouter {
    width: 300px;
    text-align: center;
}

.gal {
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
}

    .gal img {
        padding: 7px 0;
    }

@media (max-width: 500px) {
    .gal {
        -webkit-column-count: 1; /* Chrome, Safari, Opera */
        -moz-column-count: 1; /* Firefox */
        column-count: 1;
    }
}

.body, html {
    height: 100%;
}

.row {
    font-family: Quicksand;
}

#pager {
    text-align: center;
    width: 100%;
}

@media only screen and (max-width: 1000px) {
    .g {
        max-width: 300px;
        max-height: 200px;
    }
}