.ferrisPopupBox 
	{ position: fixed; width: 80%; max-width: 600px;  height: fit-content; z-index: 999999; top: 25%; left: 50%; transform: translateX(-50%); margin: 0 auto; overflow: auto; -webkit-box-shadow: 10px 10px 32px -11px rgba(0, 0, 0, 0.75); -moz-box-shadow: 10px 10px 32px -11px rgba(0, 0, 0, 0.75); box-shadow: 10px 10px 32px -11px rgba(0, 0, 0, 0.75); }

.ferrisPopupBoxinner	
	{ background: #333333; padding: 3em; -webkit-box-shadow: 10px 10px 32px -11px rgba(0,0,0,0.75); -moz-box-shadow: 10px 10px 32px -11px rgba(0,0,0,0.75); box-shadow: 10px 10px 32px -11px rgba(0,0,0,0.75); }
		
.ferrisPopupBoxinner h2, .ferrisPopupBoxinner p
	{ color: #ffffff; }
		
.ferrisPopupBoxinner a.cta-button
	{ color: #ffffff; border: 3px solid #ffffff; }
	
.ferrisPopupBoxinner a.cta-button:hover 
	{ background-color: #ba0c2f; border: 3px solid #ffffff; }

#closeFerrisPopupButton			
	{  background-color: transparent; border-width: 0; font-family: inherit; font-size: 1.4em; font-style: inherit; font-weight: inherit; line-height: inherit; padding: 0; position: relative; right: -98%; -webkit-appearance: none; -moz-appearance: none; color: #ffffff; }
			
#closeFerrisPopupButton:hover 	
	{ color: #ba0c2f; cursor: pointer; }
			
@media screen and (max-width: 900px) 
{
	.ferrisPopupBox 
		{ top: 10%; }			
}

@media screen and (max-width: 600px) 
{
	.ferrisPopupBox 
		{ top: 20%; }

	#closeFerrisPopupButton 
		{ right: -90%; }
	
	.ferrisPopupBoxinner
		{ padding: 1.5em; }
}