/* ==========================================================================
   Custom styles for Public Display System project page
   ========================================================================== */

/* Adds vertical spacing between screencast images and their headings
   in the feature section (Content Management & Display Scheduling). */
   section.grey-1 .materialboxed-wrap {
    margin-bottom: 20px;
}

/* Ensures full-width display for the bistro photos so all three columns
   appear evenly sized in the photo gallery section. */
section.grey-2 img.materialboxed {
    width: 100%;
}

/* Mobile layout adjustments: when the team photo and text stack vertically,
   add breathing room between the heading and the description text. */
@media only screen and (max-width: 900px) {
    .col.s12.l3 p {
        margin-top: 10px;
    }

    h3 {
        margin-bottom: 10px;
    }
}