#modal-container { display:none; width: 100%; height: 100%; position: absolute; top:0; left: 0; background: rgba(0,0,0,0.5); }
#modal {
	background-image: url('andersen_consulting_popup_bg.jpg');
	display:block;
	width: 100%;
	max-width: 400px;
	height:auto;
	margin-top:80px;
	margin-left:auto;
	margin-right:auto;
	border: none;
	background-size: 100%;
	background-position: top center;
	background-repeat: no-repeat;
	padding:.5rem 1rem 1rem 1rem;
	font-family: "Work Sans", arial, sans-serif;
	color: #fff;
	font-size:21px;
	line-height:1.5rem;
	font-weight:400;
}
#modal .close-modal { 
	width: 100%; 
	text-align: right; 
	padding-bottom: 55%; 
	box-sizing:border-box; 
	position:relative; 
}
#modal .close-modal .close-image { 
	display:inline-block; 
	width: 60px; 
	box-sizing:border-box; 
	position:absolute; 
	right: -7%;
	top: -12%;
}

#modal .modal-text p { 
	text-align: center; 
	width: 100%; 
	box-sizing: border-box; 
	margin-block-start:0;
	margin-block-end:1rem;
	//margin-bottom: 2rem;
	@media screen and (max-width: 500px ) {
	font-size: 15px;
	}
}

#modal .modal-text .button {
	background-color: #f40826;
	font-size: 15px;
	padding:15px 25px;
	margin-top: 1rem;
	color: #fff;
	font-weight:600;
	text-decoration: none;
	border: none;
	font-family: "Works Sans", arial, sans-serif;
	font-weight: 600;
	text-transform: uppercase;
	margin:0 auto;
	text-align:center;
	width:90%;
	display:inline-block;
	@media screen and (max-width: 500px ) {
	font-size: 12px;
	padding:10px 20px;
	}
}

#modal .andersen-logo {
	margin:0rem auto;
	text-align:center;
	max-width:80%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative;
}

#modal img {
	margin:0 auto;
}

#modal .modal-text {
	position:relative;
	top:10%;
	text-align:left;
	max-width:80%;
	margin:0 auto;
}