@media (max-width: 1999px)
{
    .home .wrapper
    {
        background-size: cover;
    }
}

@media (max-width: 1399px)
{
    .template
    {
        left: 10%;
        right: 10%;
    }
}

@media (max-width: 999px)
{
    .template
    {
        top: 0px;
        bottom: 20px;
        left: 20px;
        right: 20px;
        display: grid;
    }
    
    .home .logo img
    {
        max-width: 90%;
    }

    .home .navigation
    {
        display: flex;
        justify-content: center;
        left: 5px;
    }
    
    .home .navigation a
    {
        display: block;
    }
    
    .home .navigation a img
    {
        display: block;
    }
}

@media (max-width: 799px)
{
    .container
    {
        padding: 0px 20px 0px 20px;
    }

    .template
    {
        grid-template-rows: auto minmax(0, 1fr) 85px;
    }

    .template nav
    {
        margin: 20px 0px 0px 0px;
    }
}

@media (max-width: 699px)
{
    .template header
    {
        padding: 7px 0px 6px 0px;
    }

    .template header img.small
    {
        display: block;
        max-width: 80%;
    }

    .template header img.large
    {
        display: none;
    }
}

@media (max-width: 599px)
{
    .home .wrapper
    {
        background-size: auto 110%; 
    }

    .home .logo img.line
    {
        display: none;
    }

    .home .logo img.stacked
    {
        display: block;
    }

    .container
    {
        padding: 0px 15px 0px 15px;
    }

    .template nav
    {
        margin: 15px 0px 0px 0px;
    }

    .template nav div
    {
        margin: 0px 3px 0px 3px;
    }
}

@media (max-width: 499px)
{
    .template
    {
        grid-template-rows: auto minmax(0, 1fr) 50px;
        top: 0px;
        bottom: 10px;
        left: 10px;
        right: 10px;
        display: grid;
    }

    .template header img.small
    {
        max-width: 85%;
    }

    .template main
    {
        line-height: 1.3;
        padding: 15px 15px 15px 15px;
    }

    .template main h1
    {
        margin: 0px 0px 17px 0px;
    }

    .template main h2
    {
        margin: 0px 0px 11px 0px;
    }

    .template main section
    {
        margin: 0px 0px 11px 0px;
    }

    .template nav
    {
        margin: 10px 0px 0px 0px;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        text-align: center;
    }

    .template nav div
    {
        margin: 0px 0px 0px 0px;
        border-right: solid 1px rgba(255, 255, 255, 0.5);
    }

    .template nav div:last-child
    {
        border-right:none;
    }

    .template nav .separator
    {
        display: none;
    }

    .template nav img
    {
        display: none;
    }

    .template nav span
    {
        display: block;
    }

    .mCSB_container
    {
        margin-right: 18px;
    }

    .mCS_disabled .mCSB_container.mCS_no_scrollbar,
    .mCS_destroyed .mCSB_container.mCS_no_scrollbar
    {
        margin-right: 18px;
    }

    .download .content .album .item .play span,
    .download .content .album .item .download span
    {
        display: none;
    }
}