/* css added here will be loaded last and should override default styling on the site */

.tiles {
clear: both;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.tile {
width: 31%;
margin: 0 1% 2% 1%;
}

.tile:nth-child(3n+3) {
margin: 0 1% 2% 1%;
}

.tile.hidden.tile:nth-child(2n+2) + :not(.hidden) {
margin: 0 1% 2% 1%;
}


@media (max-width: 915px) {
.tile {
    width: 48%;
}
}

@media(max-width: 667px) {
.tile {
    width: 100%;
    margin-bottom: 20px;
}
}