section h1 {
    color: #aaa;
    text-transform: none;
}
section .row > div {
    position: relative;
}
section .gal-img {
    height: 0;
    padding-bottom: 75%;
    background-size: cover;
    background-position: center;
    cursor: pointer;
}
@media (min-width: 1200px) {
    section .row > div:nth-of-type(4n + 1) {
        clear: left;
    }
    section .row > div:nth-of-type(n + 5) {
        margin-top: 30px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    section .row > div:nth-of-type(3n + 1) {
        clear: left;
    }
    section .row > div:nth-of-type(n + 4) {
        margin-top: 30px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    section .row > div:nth-of-type(2n + 1) {
        clear: left;
    }
    section .row > div:nth-of-type(n + 3) {
        margin-top: 30px;
    }
}
@media (max-width: 767px) {
    section .row > div + div {
        margin-top: 30px;
    }
}