*, *:after, *:before {
box-sizing: border-box;
padding: 0;
margin: 0;
}

body {
	overflow-x: hidden; 
	background: #fff;
}

.wrapper {
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  position: relative;
 }

@media (min-width: 802px) {
 .wrapper {
  width: 802px; 
  height: 448px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  }
}

.map {
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  }

.marker{
	width: 2em;
	position: absolute;
    background: transparent;
    }

#A1 {
	top: 69%;
	left: 76%;
}

#A2 {
	top: 23%;
	left: 72%;
}

#A3 {
	top: 66%;
	left: 67%;
}

#A4 {
	top: 25%;
	left: 67%;
}
#A5 {
	top: 34%;
	left: 54%;
}

#A6 {
	top: 30%;
	left: 87%;
}
#A7 {
	top: 6%;
	left: 85%;
}

#A8 {
	top: 18%;
	left: 80%;
}

.karm {
	width: 100%;
	height: auto;
}