@charset "UTF-8";

.modal-content {
	width: 90% ;
	max-height: 80%;
	margin: 25px 0 0 0 ;
	padding: 30px 20px ;
	border: 2px solid #aaa ;
	background: #fff ;
	position: fixed ;
	display: none ;
	z-index: 2 ;
	overflow: auto;
	font-size: 90%;
	line-height: 33px;
	letter-spacing: 1px;
}
 
#modal-overlay {
	z-index: 1 ;
	display: none ;
	position: fixed ;
	top: 0 ;
	left: 0 ;
	width: 100% ;
	height: 120% ;
	background-color: rgba( 0,0,0, 0.75 ) ;
}

.button-link {
	text-align: center;
	padding: 20px 0 0 0;
}


@media screen and (min-width: 768px){
.modal-content {
	width: 80% ;
	max-height: 80%;
	margin: 0;
	padding: 60px 50px ;
	border: 2px solid #aaa ;
	background: #fff ;
	position: fixed ;
	display: none ;
	z-index: 2 ;
	overflow: auto;
	font-size: 100%;
	line-height: 40px;
	letter-spacing: 2px;
}
}