.mapbox {
	position:relative; 
	width: 100%;
}
.modal-content {
    position:fixed;
    display:none;
    z-index:2;
    width:60%;
	height: auto;
    margin:0;
    padding:10px;
    border:2px solid #aaa;
    background:#fff;
	margin-top: 20px;
}
.modal-content p {
    margin:0;
    padding:0;
}
.modal-overlay {
    z-index:1;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:120%;
    background-color:rgba(0,0,0,0.75);
}
.modal-close:hover {
    cursor:pointer;
    color:#f00;
}
.modal-close {
	display: inline-block;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #009a5a;
	position: absolute;
	text-decoration: none;
	color: #fff; 
	border-radius: 50%;
	font-size: 30px;
	top: 0;
	right: 0;
	line-height: 60px;
	text-align: center;
	font-weight: bold;
}

.modal-content table {
	border: 2px solid #009a5a;
	margin:  20px auto;
}
.modal-content th {
	border: 1px solid #009a5a;
	padding: 10px;
	background-color: #009a5a;
	color: #fff;
}
.modal-content td {
	border: 1px solid #009a5a;
	padding: 10px;
}
.map {
  margin: 0 auto;
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
@media only screen and ( max-width : 480px ) {
	.modal-close {
		display: inline-block;
		width: 30px;
		height: 30px;
		border-radius: 50%;
		background: #009a5a;
		position: absolute;
		text-decoration: none;
		color: #fff; 
		border-radius: 50%;
		font-size: 20px;
		top: 0;
		right: 0;
		line-height: 30px;
		text-align: center;
		font-weight: bold;
	}
	.map {
		margin: 0 auto;
		position: relative;
		width: 100%;
		height: 300px;
		padding-top: 56.25%;
	}
	.modal-content {
		position:fixed;
		display:none;
		z-index:2;
		width:100%;
		height: auto;
		margin:0;
		padding:10px;
		border:2px solid #aaa;
		background:#fff;
		margin-top: 20px;
	}
}