.grid {
    webkit-column-count: 1;
    -webkit-column-gap: 20px;
    -moz-column-count: 1;
    -moz-column-gap: 20px;
    column-count: 1;
    column-gap: 20px;
}

@media (min-width: 480px) {
    .grid {
        webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
}

@media (min-width: 768px) {
    .grid {
        webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
    }
}

@media (min-width: 1200px) {
    .grid {
        webkit-column-count: 4;
        -moz-column-count: 4;
        column-count: 4;
    }
}

.grid-item { width: 100%; margin-bottom: 20px; }

.grid-item img { 
    width: 100%; 
    border: 1px solid #FF9800;
}


.gallery-top {
    margin-bottom: 40px;
}

.flex-container{
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: stretch;
    margin-top: 40px;
}

.photo-margin{
    margin: 10px;
}