body {
	margin: 0;
	padding:0 px;
	width: 80%;
	background: rgb(200, 169, 81);
}

h1{
	position: absolute;
	left: 90px;
	top: 10px;
	font-size: 40px;
}

h2{
    font-size: 25px;
    text-align: left;
}

p{
	font-family: sans-serif;
	top: 70px;
}

#map{
	position: fixed;
    right: 0;
    width: 60%;
    height: 100%;
}

#side{
	position: relative;
	float: left;
	left: 75px;
	top: 50px;
	width: 500px;
}

#content {   
    width: 100%;
    height: 100%;
    margin-top: 120px;
    overflow: hidden;
        }

.marker {
  background-image: url('marker.png');
  background-size: cover;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  cursor: pointer;
}

.mapboxgl-popup {
  max-width: 200px;
}

.mapboxgl-popup-content {
  text-align: center;
  font-family: 'Open Sans', sans-serif;
}