@media screen and (max-width: 500px) {
    
    .archive-page {
        width: 90%;
        margin: auto;
        padding-top:64px;
        text-align: center;
    }}
    




@media screen and (min-width: 501px) {
    
    .archive-page{
        max-width: 90%;
        margin: auto;
        padding-top:64px;
        text-align: center;
    }
    

}


@media screen and (min-width: 1060px) {
    
    .archive-page {
        width: 980px;
        max-width: 90%;
        margin: auto;
        padding-top:64px;
        text-align: left;
    }}