@charset "UTF-8";
/* screen-printing.css
   Reuses the Motion Graphics project rows (motion-graphics.css)
   with a still image in place of the video thumbnail. */

.sp-image {
    flex: 0 0 55%;
    border: 1px solid #D9D4CC;
    overflow: hidden;
}

.sp-image img {
    width: 100%;
    height: auto;
    display: block;
}

/* Stack image above text at the same breakpoints as Motion Graphics */
@media (max-width: 1024px) and (orientation: portrait), (max-width: 767px) {
    .sp-image {
        flex: none;
        width: 100%;
    }
}