#modal{
    width: 22%;
    border-radius: 3%;
    border: 5px solid #D2DDDD;
}
@media only screen and (max-width: 1200px) and (min-width:700px){
    #modal{width: 35%;}
}
@media only screen and (max-width: 700px) and (min-width:600px){
    #modal{width: 50%;}
}
@media only screen and (max-width: 600px) and (min-width:200px){
    #modal{width: 70%;}
    /*div #logo{text-align: center;margin-bottom: 1rem;}
    div #logo img{height: 250px;}*/
}