.main{
    margin:7em auto 0;
    width:50%;
}

@media (max-width:1024px){
    .main {
        width: 60%;
    }
}
@media (max-width:800px){
    .main {
        width:70%;
    }
    
}

@media (max-width:680px){
    .main {
        width:80%;
    }
}

@media (max-width:480px){
    .main {
        width:90%;
    }
}
@media (max-width:320px){
    .main {
        width:98%;
    }
}