/* Blurred full-screen background image */
.popup-overlay {
  display: none;
  position: fixed;
  top: 0; left: 0;
  width: 100vw; height: 100vh;
  background: url('../images/background.jpg') no-repeat top center/cover;
  filter: blur(8px);
  z-index: 998;
}

/* Container for popup content */
.popup-container {
  display: none;
  position: fixed;
  top: 0; left: 0;
  width: 100vw; height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999;
}

.popup-content {
  background: url('../images/microsite-popup.png') no-repeat center center/contain;
  width: 100%;
  height: 605px;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}

.popup-button {
    position: relative;
    bottom: 21%;
    color: transparent;
    cursor: pointer;
    right: 10.5%;
    font-size: 32px;
    width: 310px;
    height: 85px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}

@media only screen and (max-width: 600px) {
.popup-overlay {
  display: none;
  position: fixed;
  top: 0; left: 0;
  width: 100vw; height: 100vh;
  background-color:transparent !important;
  background: url('../images/background.jpg') no-repeat top left/cover;
}
    
    
.popup-content {
  background: url('../images/microsite-popup.png') no-repeat center center/contain;
  width: 100%;
  height: 100%;} 
 .popup-button{ 
    bottom: 39.5%;
    color: transparent;
    cursor: pointer;
    right: 10.5%;
    font-size: 22px;
    width: 140px;
    height: 45px;}
}