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

.paper1, .paper3, .paper7, .paper11  {
    grid-column: 1 / 7;
}

.paper2, .paper4, .paper8, .paper12 {
    grid-column: 7 / 13;
}

.paper5, .paper9, .paper6, .paper10, .paper13 {
    grid-column: 1 / 13; 
}

.paper3 {
    background-color: #74FB8A;;
}

.paper5 {
    background-color:  #FF85EB;
}

.paper6 {
    background-color: #E0E0E0;
}

.paper11 {
    background-color: #CB5CFF;
}

}

@media only screen and (max-width: 450px) {
    .paper1, .paper2, .paper3, .paper4, .paper5, .paper6, .paper7, .paper8, .paper9, .paper10, .paper11, .paper12, .paper13 {
        grid-column: 1 / 13; 
    }

    .paper3 {
        background-color:  #FF85EB;
    }

    .paper10 {
        background-color: #E0E0E0;
    }

    .paper11 {
        background-color: #FF684F;
    }
}