.modal {
	display: none;
	border: 1px solid #888;
	background-color: rgba(0,0,0,0.5);
	overflow: hidden;
}

.modal form {
	margin: 0;
}

.modal-content {
	padding: 10px 20px;
	width: 50%;
	left: 25%;
	top: 20%;
}

.modal-body {
    padding-top: 0;
    top: 20px;
    padding-bottom: 40px;
}

@media only screen and (max-width: 500px) {
	.modal-content {
		width: 80%;
	}
}

.close {
	color: #aaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
}

.close:hover, .close:focus {
	color: black;
	text-decoration: none;
	cursor: pointer;
}