.map {
  height: 500px;
  width: 100%;
}

.map__hint {
  padding: 20px;
  min-height: 55px;
  min-width: 195px;
  font-size: 20px;
  line-height: 1;
  color: #ffffff;
  background-color: #f9b43b;
  background-image: -webkit-gradient(linear, left bottom, left top, from(#f9b43b), color-stop(48%, #eb8c38), color-stop(74%, #f9b43b), to(#f9b43b));
  background-image: linear-gradient(to top, #f9b43b 0%, #eb8c38 48%, #f9b43b 74%, #f9b43b 100%);
  border-radius: 20px;
}

.map__balloon {
  padding: 20px;
  font-size: 30px;
  line-height: 1;
  color: #ffffff;
  background-color: #f9b43b;
  background-image: -webkit-gradient(linear, left bottom, left top, from(#f9b43b), color-stop(48%, #eb8c38), color-stop(74%, #f9b43b), to(#f9b43b));
  background-image: linear-gradient(to top, #f9b43b 0%, #eb8c38 48%, #f9b43b 74%, #f9b43b 100%);
  border-radius: 20px;
}

.map__burger-img {
  float: right;
  height: 100px;
  width: 100px;
}