/* ==|== media queries ======================================================
   EXAMPLE Media Query for Responsive Design.
   This example overrides the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */

@media screen and (max-width: 1209px) {
    /* Style adjustments for viewports that meet the condition */
    #logo {
        width: 60px;
    }

}