@media only screen and (min-width: 320px) {
    #cards {
        max-width: 80%;
        max-height: 420px;
        min-height: 420px;
    }

    .textbold {
        margin-top: 8%;
        margin-bottom: 8%;
    }

    .textnormal {
        margin-top: 5%;
    }
}

@media only screen and (min-width: 375px) {
    #cards {
        max-height: 450px;
        min-height: 450px;
    }
}

@media only screen and (min-width: 440px) {
    #cards {
        max-height: 550px;
        min-height: 550px;
        max-width: 80%;
    }
}

@media only screen and (min-width: 530px) {
    #cards {
        max-height: 600px;
        min-height: 600px;
        max-width: 80%;
    }
}