@charset "UTF-8";


@media print, screen and (min-width: 431px) {
	header nav {
		position: fixed;
		top: 25px;
	}
}



#contact .summary > div {
	text-align: center;
}
@media print, screen and (min-width: 431px) {
	#contact .summary > div {
		padding: 160px 5% 5% 5%;
	}
}
@media only screen and (max-width: 430px) {
	#contact .summary > div {
		padding: 40px 5% 5% 5%;
	}
}
	
#contact .summary > div > p {
	color: rgba(255,255,255,1.0);
	margin-top: 10px;
	text-shadow: 0px 4px 3px rgba(0,0,0,0.8),0px 8px 13px rgba(0,0,0,0.5),0px 18px 23px rgba(0,0,0,0.2);
}
@media print, screen and (min-width: 431px) {
	#contact .summary > div > p {
		font-size: 1.7rem;

		letter-spacing: 0.3rem;
	}
}
@media only screen and (max-width: 430px) {
	#contact .summary > div > p {
		text-align: left;
	}
	#contact .summary > div > p > br {
		display: none;
	}
}

	
#contact .content h4 {
	margin: 4% auto 0 auto;
}

	
#contact .reserve p {
	margin: 4% auto 0 auto;
	text-align: center;
}
	
#contact .reserve .btn {
	margin: 2% auto 0 auto;
}
	
	
#contact .address ul {
	width: 100%;
	max-width: 880px;
	margin: 4% auto 0 auto;
}
	
#contact .address ul li {
	border-bottom: 1px solid rgba(51,51,51,1.0);
	display: block;
}
@media print, screen and (min-width: 431px) {
	#contact .address ul li {
		font-size: 1.7rem;
		padding: 16px 40px 16px 40px;
	}
}
@media only screen and (max-width: 430px) {
	#contact .address ul li {
		padding: 16px 8px 16px 8px;
	}
}
	
#contact .map iframe {
	width: 100%;
	height: 480px;
	margin: 4% auto 0 auto;
}
	
#contact .map .btn {
	margin: 2% auto 0 auto;
}

#contact .route h4 + p {
	
	border-bottom: 1px solid rgba(51,51,51,1.0);
}
@media print, screen and (min-width: 431px) {
	#contact .route h4 + p {
		padding: 2% 8% 4% 8%;
	}
}
@media only screen and (max-width: 430px) {
	#contact .route h4 + p {
		padding: 2% 4% 8% 4%;
	}
}