.progress-page {
    width: 100%;
}
.cover {
    width: 15%;
    margin: 7px 7px 7px 0;
}
.invis {
    display: none;
}
.card {
    transition: 0.3s;
    padding-left: 2px;
    padding-bottom: 2px;
    padding-right: 2px;
    font-family: "Comic Sans MS";
}
.carda {
    transition: 0.3s;
    padding-left: 2px;
    padding-bottom: 2px;
    padding-right: 2px;
    font-family: "Comic Sans MS";
    text-align: left;
}
.cardch {
    transition: 0.3s;
    padding-left: 2px;
    padding-bottom: 2px;
    padding-right: 2px;
    font-family: "Comic Sans MS";
}

@media only screen and (min-width : 801px) {
    .last-ch {
        width: 100%;
        height: 15%;
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .carda {
        display: flex;
    }
}
    
@media only screen and (max-width : 800px) {
    .last-ch {
        width: 100%;
        height: 30%;
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 20px;
        padding-bottom: 20px;
    }
}