* {
    box-sizing:border-box;
}

table {
    width:100%;
}

@media screen and (min-width:500px) and (max-width:3000px) {

    .res {
        width:100%;
        }
       
    
    section {
    margin-right:5%;
    margin-left:5%;
    
}

}


@media screen and (min-width:300px) and (max-width:499px) {

    .res {
        width:100%;
        
        
    }
   
    section {
    margin-right:0;
    margin-left:0;
    
}
 
}