.iframebox {
    display: flex;         
    justify-content: center; 
    align-items: center;     
    background-color: white;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

.columnpic2 {
  float: left;
  width: 50%;
}


.rowpic2:after {
  content: "";
  display: table;
  clear: both;
}



.image_full{
display:block;
}

.image_mobile{
display:none;
}

@media (max-width: 640px) and (min-width: 320px){
.image_full{
display:none;
}

.image_mobile{
display:block;
}
}



.image_full600{
display:block;
}

.image_mobile600{
display:none;
}

@media (max-width: 600px) and (min-width: 10px){
.image_full600{
display:none;
}

.image_mobile600{
display:block;
}
}
  
  @keyframes pulse {
    0% {
      opacity: 1;
    }
    25% {
      opacity: 0.3;
    }
    50% {
      opacity: 1;
    }
    75% {
      opacity: 0.3;
    }
    100% {
      opacity: 1;
    }
  }
  
  #reserverenSkeleton {
    animation: pulse 2s infinite;
  }