.mapa {
  width: 600px;
  height: 700px;
  color: #CACFD2;
  }

  .zonas {
  font-size: 27px;
  text-align: center;
  margin: 15px;
  color: #CACFD2;
  }

  @media screen and (max-width: 700px){ 
     .mapa {
  width: 500px;
  height: 600px;
  color: #CACFD2;
  }

}

 @media screen and (min-width: 480px) {
 
  .mapa {
  width: 400px;
  height: 400px;
  color: #CACFD2;
  }
 }