@media (min-width: 980px) {
  body, html {
    height: 100%;
    min-height: 670px;
    position: relative;
  }

  .wrapper {
    height: 100%;
    position: relative;
  }

  .site-row {
    height: 100%;
    position: relative;
    font-size: 0;
    white-space: nowrap;
  }

  .site-col {
    height: 100%;
    width: 100%;
    padding-right: 308px;
    position: relative;
    font-size: 15px;
    white-space: normal;
    display: inline-block;
    vertical-align: top;
  }

  .site-col + .site-col {
    width: 308px;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 40px;
  }

  .map-row {
    display: block;
    height: 100%;
    padding-bottom: 160px;
  }

  .map-row .als-logo  {
    bottom: 200px;
  }

  .map-block {
    margin-top: -80px;
  }

  .car-row {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 308px;
  }

  .hidden-desktop {
    display: none !important;
  }

  .site-info {
    background-image: url("../../images/side_info_shadow.jpg");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: auto 100%;
  }

  .site-info .social-block {
    position: absolute;
    bottom: 40px;
    left: 40px;
    right: 40px;
  }

  .site-info .site-vert-center {
    position: absolute;
    left: 40px;
    right: 40px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .map-tooltip .arrow {
    left: 50% !important;
  }
}

@media (min-width: 980px) and (max-height: 740px) {
  .site-info .contact-link {
    margin-top: 40px;
  }

  .map-block img {
    width: 320px;
    height: 379px;
  }

  .map-block .map-icon {
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8);
  }

  .map-tooltip {
    margin-top: 38px;
    margin-left: 18px;
  }

  .map-tooltip.map-tooltip-bottom-arrow {
    margin-top: -3px;
  }

  .map-tooltip.map-tooltip-amsterdam-arrow {
    margin-left: 22px;
    margin-top: 0px;
  }
}

@media (min-width: 980px) and (min-height: 850px) {
  .map-block img {
    width: 550px;
    height: 652px;
  }

  .map-block .map-icon {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
  }

  .map-tooltip {
    margin-top: 55px;
    margin-left: 25px;
  }

  .map-tooltip.map-tooltip-bottom-arrow {
    margin-top: -4px;
  }

  .map-tooltip.map-tooltip-amsterdam-arrow {
    margin-left: 34px;
    margin-top: 6px;
  }
}
