#active-popup {
	background-color: rgba(52,73,94, 0.7);
	position: fixed;
	overflow:hidden;
	width: 100%;
	heighT: 100% !important;
	top: 0;
	left: 0;
	z-index: 999;
  }
	
	@media screen and (max-width:770px){
		#popup-container {
			width: 100%;
			height:80%;
			min-width:335px;
			margin: 0 auto;
			position: fixed;
			z-index: 999;
			overflow:scroll;
			top: 20%;
			display: none;
			background: rgb(230, 230, 230);
			}
	}
	
	@media screen and (min-width:771px){
		#popup-container {
			width: 55%;
			min-width:335px;
			margin: 0 auto;
			margin-top: 5%;
			position: fixed;
			left: 25%;
			z-index: 999;
			top: 0;
			display: none;
			background: rgb(230, 230, 230);
			}
			
	}

  .modal-content {
	position: relative;
	text-align: center;
  }
  
  #popup-window { position: relative; padding:10px; overflow:auto; }

  #popup-window p { text-align: left; }
  

  .modal-content h1,
  .modal-content p { color: #fff; }
  
  .modal-content p { padding: 20% 5% 0 5%;}

  #popup-container a.close {
	margin: 20px;
    max-width: 350px;
	float: right;
	z-index: 99;
	font-weight: bold;
	font-size: 16px;
	padding: 2px 5px 2px 6px;
	line-height: 1em;
	text-align: center;
	background-color:rgb(25, 211, 0);
	cursor: pointer;
	text-decoration:none;
	color:#fff;
  }