@media (max-width: 565px) {
    .divbody {
        height: unset !important;
    }

    h1 {
        font-size: 2.7rem !important;
        text-align: center;
        margin-bottom: -5px !important;
    }

    p {
        font-size: 1.35rem !important;
        text-align: center;
        margin-top: 15px;
    }

    .voorraadbody {
        height: 89vh
    }

    #divOverOns {
        width: 785px;
    }

    .overonscard {
        margin-top: -15px;
        text-align: center;
    }

    .login-card {
        margin-top: 20px;
    }

    .footer {
        bottom: 10px;
    }

    #divTrooper {
        width: 99vw !important;
    }

        #divTrooper h1 {
            font-size: 2.35rem !important;
        }

        #divTrooper p {
            font-size: 1.2rem !important;
        }

        .MainDiv.Concerten {
            width:398px;
        }
            .MainDiv.Concerten h1 {
                font-size: 1.7rem !important;
                text-align: left;
                margin-bottom: -5px !important;
                width: 120px;
                margin-left: 10px;
            }
            .MainDiv.Concerten p {
                font-size: 1rem !important;
            }

    .divConcert {
        width: 392px !important;
        flex-direction: column !important;
        height: 185px !important;
    }
    #stocktelling {
        margin-left: -36px !important;
        margin-top: 98px !important;
    }
    .divConcert .titel {
        font-size:27px !important;
        width: 330px !important;
    }
    .divConcert .subtitel {
        font-size: 18px !important;
        width: 338px !important;
    }

    .divConcert .divMeer {
        position: relative !important;
        width: 370px !important;
    }

    @media (max-height: 500px) {
        .divbody {
            height: unset !important;
        }

        h1 {
            font-size: 2.7rem !important;
            text-align: center;
            margin-bottom: -5px !important;
        }

        p {
            font-size: 1.35rem !important;
            text-align: center;
        }

        .voorraadbody {
            height: 89vh;
            max-width: unset;
            flex-direction: row;
        }

        #divOverOns {
            width: 785px;
        }

        .overonscard {
            margin-top: -15px;
            text-align: center;
        }

        .box-grid {
            grid-template-columns: repeat(auto-fit, minmax(207px, 1fr)) !important;
        }

        .login-card {
            margin-top: 20px;
        }

        #divTrooper {
            width: 99vw !important;
        }

            #divTrooper h1 {
                font-size: 2.35rem !important;
            }

            #divTrooper p {
                font-size: 1.2rem !important;
            }
    }
    @media screen and (max-height: 370px) and (orientation: landscape) {
        #con_periode {
            margin-top: -30px !important;
        }

        .MainDiv.Concerten {
            width: 850px;
        }

            .MainDiv.Concerten h1 {
                font-size: 3.5rem !important;
                margin-bottom: -5px !important;
            }

            .MainDiv.Concerten p {
                font-size: 1.4rem !important;
            }
    }