@media handheld, screen and (max-width: 800px) {
    main {
        padding-left: 20px;
        padding-right: 20px;
    }
    
    div.login{
        margin-top: 0px;
    }
    
    div.login .button{
        width: 100%;
    }

    .navigation{
        padding: 0px 20px;
    }

    div.popup .popup_inner{
        height: calc(100% - 135px);
        /* height: calc(100% - 130px - env(safe-area-inset-bottom)); */
        margin-top: 15px;
    }

    .popup .points{
        float: none;
        display: inline-block;
        margin-top: 10px;
    }

    .divide.half{
        width: 100%;
    }

    main .divide.half.blok_uitdagingen{
        padding-right: 0px;
        border-right: 0px;
    }

    main .divide.half.blok_nieuws{
        padding-left: 0px;
    }
}