@media screen and (max-width: 899px) 
{

    .desktop-nav 
    {
        display: none;
    }

    .multipage.vertical .mobile-nav, 
    .multipage.horizontal .mobile-nav
    {
        display: block;
    }

    .site-name .line1 {
        font-size: 18px;
    }

    .site-name .line2 {
        font-size: 42px;
    }

    .gallery-album-covers li, 
    .gallery-images li
    {
        width: 32.33%;
    }

    .multipage.vertical article {
        width: auto;
        float: none;
    }

}

@media screen and (max-width: 599px) 
{
    .monogram {
        font-size: 160px;
    }

    .multi-horizontal .content.hasimage figure {
        max-width: none;
        width: auto;
        float: none;
        margin: 0 0 5% 0;
    }

    .gallery-album-covers li, 
    .gallery-images li
    {
        width: 49%;
    }

    .numbers div {
        width: 50%;
        margin: 15px 0;
    }

    .form-container {
        padding: 10px;
    }

    .input.text, 
    .input.select, 
    .input.radiobutton {
        float: none;
        width: auto;
    }

    .hamburger {
        top: 10px;
        right: 10px;
    }

    body {
        font-size: 14px;
    }
}