@media only screen and (min-width: 1001px)
{
    html, body
    {
    }

    .content-column
    {
        width: var(--content-width);
        max-width: 100%;
    }
}

@media only screen and (max-width: 1000px) 
{
    html, body
    {
        width: 100%;
        min-width: 0;
    }

    .content-column
    {
        width: auto;
        max-width: 100%;
    }

    .main-content-column 
    {
        display: flex !important;
        flex-wrap: wrap;
    }

    .main-content-column > * 
    {
        width: 100%;
        padding-right: 0;
        padding-left: 0;
    }

    .main-content-container
    {
        overflow-x: auto;
    }

    .header
    {
        height: auto;
    }

    .header-top
    {
        justify-content: left;
        padding: calc(var(--spacing));
    }

    .header-top-right
    {
        display: none;
    }

    .top-nav
    {
        display: none;
        position: relative;
        top: 100%;
        width: 100%;
        height: auto;
        background: rgba(0,0,0,0.2);
    }

    .top-nav.show
    {
        display: block;
    }

    .top-nav > ul
    {
        display: flex;

        flex-direction: column;

    }

    .header-hamburger
    {
        display: flex;
    }

    .left-menu
    {
        margin-bottom: var(--spacing-2x);
    }

    .only-mobile
    {
        display: block;
    }

    .only-desktop
    {
        display: none;
    }

    
}


@media only screen and (max-width: 700px) 
{
    .people-pictures-person-container
    {
        width: 50%;
    }
    .personal-page-image
    {
        float: none;
        padding: 0;
        margin: 0 auto;

        max-width: 100%;
    }

    .news-container
    {
        width: 50%;
    }
}

@media only screen and (min-width: 421px)
{
    .finnish-title-with-dash
    {
        display: none;
    }
}

@media only screen and (max-width: 420px) 
{
    .finnish-title-without-dash
    {
        display: none;   
    }
}