.map-info-col {
  background-color: #fff;
}

.rol-map-img {
  width: 100% !important;
}

.map-info-col-inner {
  padding-left: 10%;
  padding-right: 10%;
}

.popup-container {
  position: absolute;
  display: none;
  background-color: #f8f7f3;
  padding: 10%;
  top: 45px;
  left: 0;
  width: 100%;
  z-index: 200;
}

.popup-container.active {
  display: block;
}

.popup-trigger {
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}

.popup-icon {
  transition: all 0.2s ease-in-out;
}

.popup-icon.rotated {
  transform: rotate(180deg);
}

@media only screen and (max-width: 720px) {
  .popup-container {
    left: -14%;
    width: 128%;
  }
}