@font-face {
    font-family:'airstrike';
    src: url('../fonts/airstrike.ttf');
}
@font-face {
    font-family:'DINNextLTPro';
    src: url('../fonts/DINNextLTPro-Regular.ttf');
}
body {
	font-family:'airstrike';
}
.header{
	background: url('../../images/header-banner.jpg');
	background-size: cover;
	padding: 50px 0;
}
.header .title{
	font-size: 50px;
	color:#fff;
	text-align: center;
	text-shadow: 1px 1px 1px #000;
}
.header .middle {
    width: 300px;
    margin: 0 auto;
}
.header .middle img {
    max-height: 100%;
}
.header .footer{
	font-size: 30px;
	color:#00ddff;
	text-align: center;
	text-shadow: 1px 1px 1px #000;
}
.header .btn{
	display: inline-flex;
}
.header .row{
	margin: 0;
	padding-top:20px;
}
.book-btn {
    background: #00ddff;
    color: #000;
    font-family: 'DINNextLTPro';
    padding: 5px 25px;
    font-size: 14px;
    float: right;
    border-radius: 15px;
    border: 2px solid #00ddff;
    font-weight: 600;
    width: 30%;
    text-align: center;
}
.term-btn {
    background: #fff;
    color: #000;
    font-family: 'DINNextLTPro';
    padding: 5px 15px;
    font-size: 14px;
    float: left;
    border-radius: 15px;
    border: 2px solid #00ddff;
    font-weight: 600;
    width: 30%;
    cursor: pointer;
    text-align: center;
}
.spec{
	background: url('../../images/spec-banner.jpg');
	background-size: cover;
	padding: 50px 0 20px 0;
	font-family:'DINNextLTPro';
}
.spec .text {
    display: flex;
    -webkit-align-items: center;
}
.spec .text .number{
	-webkit-text-stroke: 2px #00ddff;
    -webkit-text-fill-color: transparent;
    font-size: 80px;
}
.spec .text .title{
	color:#00ddff;
	text-transform: uppercase;
	font-size: 20px;
	padding-left: 25px;
}
.venue{
	background: url('../../images/venue-banner.jpg');
	background-size: cover;
	padding: 150px 0;
}
.venue .right{
	float: right;
}
.food .left{
	float: left;
}
.venue .title,.food .title{
	font-size: 60px;
	text-shadow: 1px 1px 1px #000;
	color:#fff;
	line-height: 1;
}
.venue .title span,.food .title span{
	color:#00ddff;
}
.venue .second-title{
	font-size: 40px;
	text-shadow: 1px 1px 1px #000;
	color:#00ddff;
	line-height: 1;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	padding: 30px 0;
	margin: 10px 0;
	text-align: center;
}
.venue .middle{
	font-family: 'DINNextLTPro';
    color: #fff;
    font-size: 24px;
    text-align: center;
}
.venue .footer{
	font-family: 'DINNextLTPro';
    color: #fff;
    font-size: 18px;
    text-align: center;
}
.food .footer{
	font-family: 'DINNextLTPro';
    color: #fff;
    font-size: 18px;
    margin: 50px 0;
}
.food{
	background: url('../../images/food-banner.jpg');
	background-size: cover;
	padding: 100px 0 150px 0;
}
.deck-wrap{
	background: #050e2a;
	padding: 100px 0;
}
.deck-wrap .title{
	color:#00ddff;
	font-size: 50px;
	margin-bottom: 30px;
}
.deck{
	display: flex;
    -webkit-align-items: center;
    margin-bottom: 100px;
}
.deck img{
	width: 60%;
}
.deck .text {
	font-family: 'DINNextLTPro';
	color:#fff;
	padding-left: 30px;
	line-height: 2;
	font-size: 16px;
}
.deck .text span{
	font-family:'airstrike';
	color:#00ddff;
	font-size: 50px;
}
.deck-02{
	display: flex;
    -webkit-align-items: center;
    margin-bottom: 100px;
}
.deck-02 img{
	width: 60%;
}
.deck-02 .text {
	font-family: 'DINNextLTPro';
	color:#fff;
	padding-right: 30px;
	line-height: 2;
	font-size: 16px;
}
.deck-02 .text span{
	font-family:'airstrike';
	color:#00ddff;
	font-size: 50px;
}
.deck-03 .text span b{
	color:#fff;
	font-size: 30px;
	display: block;
	font-weight: 400;
}
.deck-03 img,.deck-04 img{
	width: 60%;
}
.deck-03 .text,.deck-04 .text {
	font-family: 'DINNextLTPro';
	color:#fff;
	padding-right: 30px;
	line-height: 1.5;
	font-size: 16px;
}
.deck-03 .text span,.deck-04 .text span{
	font-family:'airstrike';
	color:#00ddff;
	font-size: 50px;
}
.deck-04{
	text-align: right;
}
.deck-04 img{
	float: right;
}
.package{
	background: url('../../images/package-banner.jpg');
	background-size: cover;
	padding: 100px 0 50px 0;
}
.package .plan,.contact .plan{
	font-family: 'DINNextLTPro';
	color:#fff;
	font-size: 18px;
	padding: 50px 0 20px 0;
	line-height:2;
}
.line{
	height: 1px;
	background:#00ddff;
	width: 30%;
	float: left;
}
.package .plan b{
	color:#00ddff;
	text-transform: uppercase;
}
.dj{
	background: url('../../images/dj-banner.jpg');
	background-size: cover;
	padding: 100px 0 400px 0;
}
.contact{
	background: url('../../images/contact-banner.jpg');
	background-size: cover;
	padding: 100px 0;
}
.contact .plan{
	text-align: center;
}
.contact .logo {
    width: 300px;
    margin: 0 auto;
}
.contact .logo img {
    max-height: 100%;
}
.contact a{
	color:#fff;
	text-decoration: none;
}
.contact a:hover{
	color:#00ddff;
}
.terms h1{
	color:#00ddff;
	text-align: center;
}
.modal-header{
	padding: 5px 50px;
	border-bottom: unset;
	position: absolute;
	right: 0;
	z-index: 1;
}
.modal-body{
	padding: 5px 40px;
}
.modal-header span {
    font-size: 50px;
}
.modal-content{
	background: rgb(5, 10, 25,0.8);
}
.close{
	color: #fff;
	opacity: 1;
}
.close:hover{
	color:#00ddff;
	opacity: 1;
}
.terms ul{
	padding: 0 15px;
}
.terms ul li{
	color:#fff;
	font-family: 'DINNextLTPro';
    text-align: justify;
    line-height: 2;
}
.terms ul li:last-child{
	color:#00ddff;
}
@media (min-width: 768px) and (max-width: 1024px) {
	.venue{
		background: #050e2a;
	}
	.venue .right{
		float: unset;
	}
	.venue .title{
		text-align: center;
	}
	.food .title{
		font-size: 50px;
	}
	.deck .text span,.deck-02 .text span{
		font-size: 40px;
	}
	.book-btn,.term-btn{
		width: 52%;
	}
}

@media (min-width: 481px) and (max-width: 767px) {
	.header .middle{
		width: 200px;
	}
	.header .footer{
		font-size: 24px;
	}
	.venue .right,.deck-04 img{
		float: unset;
	}
	.venue .title, .food .title{
		font-size: 40px;
	}
	.venue .middle{
		font-size: 18px;
	}
	.deck-wrap .title{
		font-size: 30px;
	}
	.deck .text{
		padding-left: 10px;
	}
	.deck .text span,.deck-02 .text span,.deck-03 .text span, .deck-04 .text span,.deck-03 .text span b{
		font-size: 18px;
	}
	.deck-02 .text{
		padding-right: 10px;
	}
	.deck-04{
		text-align: unset;
	}
	.deck-03 img, .deck-04 img{
		width: 100%;
	}
	.dj{
		padding: 100px 0;
	}
	.contact .plan{
		padding: 0;
	}
	.contact .logo{
		width: 150px;
    	margin: 20px auto;
	}
	.contact .text span{
		font-size: 24px;
	}
	.venue{
		background: #050e2a;
	}
	.venue .title{
		text-align: center;
	}
}

@media (min-width: 320px) and (max-width: 480px) {
	.header .middle{
		width: 200px;
	}
	.header .footer{
		font-size: 24px;
	}
	.venue .right,.deck-04 img{
		float: unset;
	}
	.venue .title, .food .title{
		font-size: 40px;
	}
	.venue .middle{
		font-size: 18px;
	}
	.deck-wrap .title{
		font-size: 30px;
	}
	.deck .text{
		padding-left: 10px;
	}
	.deck .text span,.deck-02 .text span,.deck-03 .text span, .deck-04 .text span,.deck-03 .text span b{
		font-size: 18px;
	}
	.deck-02 .text{
		padding-right: 10px;
	}
	.deck-04{
		text-align: unset;
	}
	.deck-03 img, .deck-04 img{
		width: 100%;
	}
	.dj{
		padding: 100px 0;
	}
	.contact .plan{
		padding: 0;
	}
	.contact .logo{
		width: 150px;
    	margin: 20px auto;
	}
	.contact .text span{
		font-size: 24px;
	}
	.venue{
		background: #050e2a;
	}
	.venue .title{
		text-align: center;
	}
	.book-btn,.term-btn{
		width: unset;
		float: unset;
		margin-bottom: 10px;
	}
	.terms h1{
		font-size: 20px;
	}
	.modal-header span {
	    font-size: 40px;
	}
	.modal-header {
    	padding: 10px 20px;
	}
	.modal-body{
		padding: unset;
	}
}