#mapcontainer {
  width:330px;
  height:360px;
}
/*responsiveness*/

/* size L */
@media screen and (max-width:1024px) { 
  #mapcontainer {
   width:285px;
   height:315px;
  }
}
/* size M */
@media screen and (max-width:860px) { 
}

/* size S */
@media screen and (max-width:680px) { 
  #mapcontainer {
   width:100%;
   height:200px;
   margin-bottom:20px;
  }
}

/* size XS */
@media screen and (max-width:530px) { 
}