/* text-based popup styling */
.white-popup {
  position: relative;
  background: #FFF;
  padding: 25px;
  width:auto;
  max-width: 640px;
  margin: 0 auto;
  text-align: center;
}

.white-popup-wide {
  max-width: 670px;
  padding-top: 30px;
}

.mfp-close {
  left: 0;
}

@media only screen and (max-width: 768px) {
  .white-popup {
    padding-top: 45px;
    max-width: 400px;
  }
  .white-popup  h1 {
    font-size: 24px;
    margin-bottom: 30px;
    line-height: 1.2;
  }
}

@media only screen and (max-width: 420px) {
  .white-popup {
    padding-top: 45px;
    max-width: 300px;
  }
  h1 {
    font-size: 24px;
    margin-bottom: 30px;
  }
}



/*

====== Zoom effect ======

*/
.mfp-zoom-in {

  /* start state */
  .mfp-with-anim {
    opacity: 0;
    transition: all 0.2s ease-in-out;
    transform: scale(0.8);
  }

  &.mfp-bg {
    opacity: 0;
	  transition: all 0.3s ease-out;
  }

  /* animate in */
  &.mfp-ready {
    .mfp-with-anim {
      opacity: 1;
      transform: scale(1);
    }
    &.mfp-bg {
      opacity: 0.8;
    }
  }

  /* animate out */
  &.mfp-removing {

    .mfp-with-anim {
      transform: scale(0.8);
      opacity: 0;
    }
    &.mfp-bg {
      opacity: 0;
    }

  }

}