
.section-lead {
	font-size: 14px; font-size: 1.4rem;
	line-height: 20px; line-height: 2.0rem;
	margin: 0 0 8px 0;
	text-align: center;
}
.section-caption {
	font-size: 12px; font-size: 1.2rem;
	line-height: 20px; line-height: 2.0rem;
	text-align: center;
	margin: -4px 0 26px 0;
}

#attractions .attraction+.attraction {
	margin-top: 32px;
}
#attractions .attraction-title {
	font-size: 16px; font-size: 1.6rem;
	line-height: 24px; line-height: 2.4rem;
	letter-spacing: 1px; letter-spacing: 0.1rem;
	text-align: center;
	font-weight: bold;
	margin-bottom: 8px;
}
#attractions .attraction-body {
}
#attractions .attraction-description {
	font-size: 12px; font-size: 1.2rem;
	line-height: 20px; line-height: 2.0rem;
	margin-top: -4px;
}
#attractions .attraction-image {
	max-width: 480px;
	margin: 10px auto 0 auto;
}

@media screen and (min-width: 768px)
{
	.section-lead {
		font-size: 18px; font-size: 1.8rem;
		line-height: 28px; line-height: 2.8rem;
		margin: -5px 0 14px 0;
	}
	.section-caption {
		font-size: 14px; font-size: 1.4rem;
		line-height: 24px; line-height: 2.4rem;
		margin: -5px 0 59px 0;
	}

	#attractions {
		max-width: 768px;
		margin: 0 auto;
	}
	#attractions .attraction+.attraction {
		margin-top: 59px;
	}
	#attractions .attraction-title {
		font-size: 22px; font-size: 2.2rem;
		line-height: 32px; line-height: 3.2rem;
		margin-bottom: 27px;
	}
	#attractions .attraction-body {
		display: flex;
	}
	#attractions .attraction-description {
		font-size: 14px;
		line-height: 24px;
		margin-top: -5px;
		width: 50%;
	}
	#attractions .attraction-image {
		margin: 0 0 0 40px;
		width: 50%;
	}
	#attractions .attraction-image img {
		max-width: 480px;
	}
}
