body{
	background-size: cover;
	background-position: center;
	background-image: url(../image/booking-bg.jpg);
}
.main{
	width: 100%;
	padding: 0 var(--padding);
	margin-top: 2.4rem;
	margin-bottom: 5rem;
	flex-direction: column;
}
.main h1{
	font-size: 3rem;
	color: var(--blue);
	margin-bottom: 2.4rem;
}
.main article{
	justify-content: space-between;
}
.main article .area{
	width: 30%;
	flex-direction: column;
}
.main article .area img{
	width: 75%;
	margin-bottom: 2rem;
}
.main article .area hgroup{
	padding: 0 2rem;
	flex-direction: column;
}
.main article .area h3{
	font-size: 1.8rem;
	margin-bottom: 1.6rem;
	color: var(--blue);
}
.main article .area p{
	font-size: 1.6rem;
	margin-bottom: 1rem;
	color: var(--black);
}

/* media */

@media (max-width: 427px) {
	.main article{
		flex-direction: column;
	}
	.main article .area{
		width: 100%;
	}
}