#active-promopop {background-color: rgba(52,73,94, 0.7); position: absolute; width: 100%; height: 100%; top: 0;  left: 0;  z-index: 999;}

#promopop-container {
	width:500px; 
	height:300px; 
	background: #ded8b3 url(/site/images/emodal.jpg) center no-repeat; 
	margin:0 auto;
	position:fixed; 
	left: 35%; 
	top: 200px; 
	z-index: 999; 
	
	display: none;}

#promopop-window { position: relative; }

.promopop-content { position: relative; text-align: center;}

.promopop-content h1, .promopop-content p { color: #8d5454;}

.promopop-content h1 {font:bold 34px 'Rufina'; text-align: center; margin: 10px auto;}
.promopop-content h2 {font: 20px Arial, Tahoma, Verdana, Sans-Serif;  text-align: center; color: #646a19;}
.promopop-content img {}
.promopop-content p { padding: 0 10px;}
.promopop-content input {margin-bottom: 5px;}

#promopop-container a.close {
  position: relative;
  float: right;
  top: -15px;
  right: -7px;
  z-index: 99;
  font-weight: bold;
  font-size: 16px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  padding: 2px 5px 2px 6px;
  line-height: 1em;
  text-align: center;
  background: #E74C3C;
  border: 4px solid #fff;
  cursor: pointer;
  color:#fff;
  text-decoration:none;
}

/* smaller displays */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	#promopop-container {left: 20%; }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	#promopop-container {left: 20%; width: 350px; height: 250px; background-size: 350px 250px; margin-top: 5%;}
	.promopop-content h1 {font-size: 22px; margin-left: 50px; width: 300px;}
	.promopop-content h2 {font-size: 16px; padding-right: 0; width: 140px; margin-top: 60px;}
	.promopop-content img {display: none;}
	.promopop-content p { padding: 100px 0 0 0; }
}
@media only screen and (max-width: 479px) {
	#promopop-container {left: 5%; width: 300px; height: 214px; background-size: 300px 214px; margin-top: 5%;}
	.promopop-content h1 {font-size: 20px; margin-left: 50px; width: 280px;}
	.promopop-content h2 {font-size: 14px; padding-right: 0; width: 130px; margin-top: 60px;}
	.promopop-content img {display: none;}
	.promopop-content p { padding: 80px 0 0 0; }
}