@font-face {
  font-family: "nb_international_proregular";
  src: url("fonts/nb_international_pro_regular-webfont.woff2");
}

* {
  font-family: "nb_international_proregular";
  font-weight: 100;
}

html, body{
  background-color: #29182E;
  width:100%;
  height:100%;
  margin: 0;
  overflow: hidden;
  outline: none;
}

#map {
  width: 100%;
  height: 100%;
  outline: none;
}

.ol-popup {
  position: absolute;
  width: 220px;
  background-color: #EAE8EA;
  bottom: 0;
  left: 0;
  border-radius: 20px 20px 20px 0;
  padding: 10px 25px;
}
.ol-popup-closer {
  text-decoration: none;
  position: absolute;
  top: 2px;
  right: 8px;
}

.ol-popup h2 {
  color: #29182E;
}

.ol-popup h3 {
  text-transform: uppercase;
  font-size: 16px;
}

.ol-popup h3.planned {
  color: #F04E37;
}
.ol-popup h3.completed {
  color: #436B2C;
}
.ol-popup h3.in_progress {
  color: #FAA61A;
}

.ol-popup p {
  color: #29182E;
  font-size: 16px;
}

@media only screen and (max-width: 600px) {
  .ol-popup h2 { font-size: 20px }
  .ol-popup h3 { font-size: 14px }
  .ol-popup p { font-size: 14px }
}