.archive-container {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 70vh;
}


.archive-title {
    display: flex;
    flex-direction: column;
    margin: 2em 1em;
    color: #434242;
}

.archive-title h2 {
    margin-bottom: 0.5em;
    color:#FC8202;
}


.cards-container {
    display: flex;
    width: 100%;
}

.cards-container .dflip-books {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr !important;
    gap: 2em !important;
    margin: 0  !important;
    padding-left: 0 !important;
    padding-right: 2em !important;
}

 .cards-container .dflip-books ._df_thumb {
        margin: 0 1em !important;
    }

.df-posts {
    max-width: 100% !important;
}




@media only screen and (max-width: 750px) {

  
    .cards-container .dflip-books {
        grid-template-columns: 1fr 1fr !important;
        gap: 0.8em !important;
    }


}