/* #teaser_dialog {
	animation: cssAnimation 0s 1s forwards;
	visibility: hidden;
	height: 90vh; 
	position:fixed;
	top:10px;
	z-index:6;
	height: 90vh; 
	width: 100%; 
	z-index: 2000;
} */

.popbox_dialog {
	animation: cssAnimation 0s 1s forwards;
	visibility: hidden;
	height: 90vh; 
	position:fixed;
	top:10px;
	z-index:6;
	height: 90vh; 
	width: 100%; 
	z-index: 2000;
}

.teaser_pop_button{
  width: 40px;
  height: 40px;
  margin-top: -10px;
  margin-right: -8px;
  float: right;
}

.popbox{
   width: 400px;
   background-color: #f9f9f9; 
   position: absolute;
   margin: 0;
   top:50%;
   left:50%;
   -ms-transform:translate(-50%, -50%);
   transform:translate(-50%, -50%); 
   box-shadow: 1px 1px 5px #00000055;
   padding: 10px;
   border-radius: 5px;
}

#imgpop{
  width: 380px;
  height: auto;
  border-radius: 5px;
}

@media screen and (max-width: 900px) { 
  .popbox{
	   width: 360px;
  }
  #imgpop{
	  width: 340px;
  }
  /* #teaser_dialog {
	  height: 90vh; 
  } */
  .popbox_dialog{
	height: 90vh; 
  }
}

@media screen and (max-width: 420px) { 
  .popbox{
	   width: 340px;
  }
  #imgpop{
	  width: 320px;
  }
  /* #teaser_dialog {
	  height: 90vh; 
  } */
  .popbox_dialog{
	height: 90vh; 
  }
}


@media screen and (max-width: 360px) { 
  .popbox{
	   width: 300px;
  }
  #imgpop{
	  width: 280px;
  }
  /* #teaser_dialog {
	  height: 90vh; 
  } */
  .popbox_dialog{
	height: 90vh; 
  }
}

@keyframes cssAnimation {
to   { visibility: visible; }
}

.video_bg{
  width: 100%;
}