/* ==========================================================================
   TABLETS & SMALL LAPTOPS  (<= 1024px)
   ========================================================================== */
@media (max-width: 1024px) {

    /* Ease the 75px side padding before the column even collapses. */
    .grid {
        padding-left: 32px;
        padding-right: 32px;
    }
}


/* ==========================================================================
   PHONES  (<= 768px)
   ========================================================================== */
@media (max-width: 768px) {

    /* Full-width column: drop the side padding entirely so the photo and
       quote card use the full available width. */
    .grid {
        padding-left: 0;
        padding-right: 0;
    }
}