/* PHONE SMALL */
@media screen and (min-width: 300px) and (max-width: 369px) {
    html { font-size: calc(.5em + 1vw); }

    .card {
        max-width: 300px;
    }
}


/* PHONE MEDIUM */
@media screen and (min-width: 370px) and (max-width: 385px) {
    html { font-size: calc(.7em + 1vw); }

    .card {
        max-width: 350px;
    }
}


/* PHONE LARGE 1 */
@media screen and (min-width: 390px) and (max-width: 419px) {
    html { font-size: calc(.58em + 1vw); }

    .card {
        max-width: 340px;
    }

}


/* PHONE LARGE 2 */
@media screen and (min-width: 420px) and (max-width: 600px) {
    html { font-size: calc(.58em + 1vw); }

    .card {
        max-width: 360px;
    }
}








/* TABLET 1 */
@media screen and (min-width: 760px) and (max-width: 1025px) {
    .card {
        max-width: 420px;
    }

    .card-reminder {
        width: 50%;
    }
}


/* TABLET 2 */
@media screen and (min-width: 1024px) and (max-width: 1500px) {
    .card {
        max-width: 520px;
    }

    .card-reminder {
        width: 50%;
    }
}