/* The Modal (background) */
.modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	padding-top: 100px; /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
  
/* Modal Content */
.modal-content {
	position: relative;
	background-color: #fefefe;
	margin: auto;
	padding: 10px;
	width: 600px;
	border-radius: 30px;
}
  
/* The Close Button */
.btnCloseModal {
	position: absolute;
	top: 24px;
	right: 24px;
	background-color: #FFFFFF;
	color: #1D4277;
	float: right;
	font-size: 28px;
	padding: 0px 11px;
	border-radius: 105px;
}
  
.btnCloseModal:hover,
.btnCloseModal:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}

@media only screen and (max-width: 768px) {
	.modal-content,
	.modal-content img {
		width: 100%;
	}
}