/* Map */
.map-container {
width: 80%;
margin: auto;
display: grid;
grid-template-columns: repeat(16, 1fr);
grid-template-rows: repeat(16, 1fr);
position: relative;
}
.map-container img {
  width: 100%;
  height: auto;
  grid-column: 1/-1;
  grid-row: 1/-1;
  pointer-events: none;
  overflow: hidden;
}
.markers {
font-weight: 800;
background: rgba(255,213,32,.8);
border-width: 6px;
border-style: solid;
border-radius: 50%;
border-color: rgba(255,213,32,.6);
width: 30px;
height: 30px;
box-sizing: border-box;
align-self: center;
justify-self: center;
cursor: pointer;
animation: ownpulse 3s cubic-bezier(.19,1,.22,1) infinite both;
position: relative;
text-align: center;
line-height: 1;
}
.markers a {
color: #088921!important;
text-decoration: none !important;
font-size: 14px;
}
.markers a:active
.markers a:focus,
.markers a:hover {
  color:white!important;
  text-decoration:none
}
/* Small screen breakpoint */
@media (max-width: 1440px) {
	.map-container {
width: 100%;
}
	.markers {
	width: 20px;
	height: 20px;
	border-width: 0;
	}
	.markers a {
	font-size: 12px;
	}
}
/* animations */
@keyframes ownpulse {
	0% {
	    -webkit-box-shadow: 0 0 0 0 #fff;
	    box-shadow: 0 0 0 0 #fff;
	}
	50% {
	    -webkit-box-shadow: 0 0 0 40px rgba(92,112,214,0);
	    box-shadow: 0 0 0 40px rgba(92,112,214,0);
	}
	0% {
	    -webkit-box-shadow: 0 0 0 0 #fff;
	    box-shadow: 0 0 0 0 #fff;
	}
	50% {
	    -webkit-box-shadow: 0 0 0 40px rgba(92,112,214,0);
	    box-shadow: 0 0 0 40px rgba(92,112,214,0);
	}
}