h2.large {
	font-size: 36px;
	line-height: 1.3;
}

.nowrap {
	white-space: nowrap;
}

p.extralarge {
	font-size: 36px;
}

.modal-dialog {
	width: 92%;
	max-width: 1125px;

	margin-right: auto;
	margin-left: auto;
	background-color: transparent;
}

.modal-content {
	background-color: #fff;
	background-image: url(../img/tpl/modal-bg.png);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	border-radius: 10px;
}

.modal-content .close {
	display: block;
	position: absolute;
	top: 10px;
	right: 10px;
	width: 50px;
	height: 50px;
	opacity: 1;
}

.modal-content .close:hover {
	cursor: pointer;
	text-decoration: none;
	opacity: 1;
}

.modal-content .close img {
	display: block;
	width: 100%;
	height: 100%;
	transition: all ease 0.4s;
}

.modal-content .close:hover img {
	transform: rotate(90deg);
	transition: all ease 0.4s;
}

.modal-body {
	max-width: 580px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 60px;
	padding-bottom: 40px;
	background-color: transparent;
}

.modal-backdrop {
   background-color: rgba(0, 0, 0, 0.6);
}

@media screen and (max-width:767px) {
	h2.large {
		font-size: 30px;
	}

	p.extralarge {
		font-size: 30px;
	}

	.modal-content {
		background-size: cover;
	}

}