.progress-page {
    width: 100%;
}

.card {
    transition: 0.3s;
    padding-left: 2px;
    padding-bottom: 2px;
    padding-right: 2px;
}
.carda {
    transition: 0.3s;
    padding-left: 2px;
    padding-bottom: 2px;
    padding-right: 2px;
    text-align: left;
    margin-bottom: 5px;
}
.cardch {
    transition: 0.3s;
    padding-left: 2px;
    padding-bottom: 2px;
    padding-right: 2px;
}

@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;
    }
    .promo-link {
        width: 100%;
        height: 15%;
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .carda {
        display: flex;
    }
    .logo-data {
        width: 100%;
    }
}
    
@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;
    }
    .promo-link {
        width: 100%;
        height: 30%;
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .logo-data {
        width: 50%;
    }
}