## Responsive Page Layouts

CSS media query:

    /* Small screens; no query needed */
    /*

    */

    /* Larger phone/tablet screens */
    @media (min-width: 576px) { /* specific rules go here */ }

    /* Medium screens */
    @media (min-width: 768px) { /* specific rules go here */ }

    /* Larger screens */
    @media (min-width: 992px) { /* specific rules go here */ }

    /* Extra large screens */
    @media (min-width: 1200px) { /* specific rules go here */ }