.container {
  position: relative;
  width: 1400px;
  margin: 0 auto;
  border: 1px solid gray; }

@media (max-width: 1489.3617px) {
  .container {
    width: 94%;
    margin: 0 3%; } }
.map {
  position: relative;
  width: 100%; }

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

.pdf-link {
  text-decoration: none;
  color: inherit; }

.pdf {
  position: absolute;
  left: 0;
  bottom: 0;
  margin: 10px;
  padding: 12px;
  border: 1px solid gray; }

.pdf__title {
  font-weight: bold; }

.pdf__img {
  margin-bottom: -5px;
  margin-right: 5px;
  margin-left: 15px; }

.overlays {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%; }
  .overlays img {
    width: 100%;
    height: auto;
    color: #000; }

.t1 {
  left: 80.35714%;
  top: 43.72197%; }

.t2 {
  left: 84.23913%;
  top: 66.1435%; }

.t3 {
  left: 60.17081%;
  top: 47.0852%; }

.t4 {
  left: 40.91615%;
  top: 44.39462%; }

.t5 {
  left: 42.7795%;
  top: 35.20179%; }

.t6 {
  left: 45.26398%;
  top: 25.78475%; }

.t8 {
  left: 60.79193%;
  top: 30.04484%; }

.t10 {
  left: 25%;
  top: 21.52466%; }

.number {
  cursor: pointer;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  pointer-events: none;
  position: absolute;
  width: 30px;
  height: 30px;
  line-height: 30px;
  margin-left: -15px;
  margin-top: -15px;
  border-radius: 50%;
  background-color: #073d8d;
  text-align: center;
  font-weight: bold;
  color: white; }
  .number.t7 {
    left: 54.96894%;
    top: 41.03139%;
    color: #073d8d;
    background-color: white;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid gray;
    width: 26px;
    height: 26px;
    line-height: 26px;
    margin-left: -13px;
    margin-top: -13px; }
  .number.hidden {
    display: none; }

.tooltip {
  position: absolute;
  background-color: #073d8d;
  color: white;
  cursor: pointer;
  height: 110px;
  width: 250px;
  border-radius: 10px;
  margin-left: -125px;
  margin-top: -110px;
  text-align: left;
  padding: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .tooltip:after {
    content: "";
    position: absolute;
    top: 110px;
    left: 125px;
    border-style: solid;
    border-width: 10px 5px 0 5px;
    border-color: #073d8d transparent transparent transparent; }
  .tooltip .tooltip__text {
    font-weight: bold;
    font-size: 24px;
    margin-left: 15px; }
  .tooltip .tooltip__button {
    display: block;
    background-color: #99c400;
    font-size: 18px;
    font-weight: bold;
    padding: 5px 20px;
    margin-top: 10px;
    border-radius: 5px; }
  .tooltip.hidden {
    display: none; }

.mobileButtons {
  display: none; }

.map__img--mobile {
  display: none; }

@media (max-width: 767px) {
  .container {
    border: none; }

  .pdf {
    position: relative; }

  .pdf__download {
    float: right; }

  .number {
    width: 15px;
    height: 15px;
    line-height: 15px;
    margin-left: -7.5px;
    margin-top: -7.5px;
    font-size: 12px; }
    .number.hidden {
      display: block; }

  .tooltip {
    display: none; }

  .mobileButtons {
    display: block; }

  .mobileButton {
    margin: 5px 10px;
    padding: 12px;
    background-color: #073d8d;
    color: white;
    cursor: pointer; }

  .mobileButton__details {
    float: right; }

  .map__img,
  .map__img--mobile,
  .tooltips,
  .number,
  .overlays {
    display: none !important; }

  /*
  .map__img--mobile {
  	display: block;
  	width: 100%;
  	height: auto;
  }
  */ }
@media (max-width: 350px) {
  .pdf__download {
    display: block;
    float: none;
    margin-top: 10px; }

  .pdf__img {
    margin-left: 0; } }