#kcpop { z-index:1000; width:100%; height:100%; display:none; position:absolute; top:0px; overflow:hidden}
#kcpop.shown { display:block;}
#kcpop>div.bg { position:absolute; top:0px; width:100%; height:100%; background-color: rgba(50,50,50,0.5)}
#kcpop>div.box {
  font-size:16px;
  position:relative; min-width:200px; width:30%; padding:5% 5% 5% 5%;
  background-color:white; font-family:Sans-Serif;
  margin-left:auto; margin-right:auto;
  margin-top:5%;
  box-shadow: 0px 0px 50px #333333;
}
#kcpop>div.box>div.image_container {
	width:100%;
	position:relative;
	overflow:hidden;
	margin-bottom:2em;
	text-align:right;
}

#kcpop>div.box>div.image_container>img {
	display:block;
	width:100%;
	height:auto;
}
@media (min-width: 768px) {
	#kcpop>div.box>div.image_container>img {
		display:inline-block;
		width:75%;
		text-align:right;
	}
}


#kcpop>div.box>span.heading {
  font-size:1.5em; font-weight:bold;
}
#kcpop>div.box>span.dismiss_button, #kcpop>div.box>span.confirm_button {
  color:rgb(85,85,85);
  background-color:rgb(200,200,200);
  display:inline-block; padding:0.5em 0.75em; margin-top:0.5em; cursor:pointer;
  text-transform: uppercase; font-size:0.75em; font-weight: bold;
}
#kcpop>div.box>span.confirm_button:hover {
  background-color:green; color:white;
}
#kcpop>div.box>span.dismiss_button:hover {
  color:black;
}
#kcpop>div.box>span.dismiss_button { margin-right:2em; }