@charset "UTF-8";

body {
	background-color: #fff;
}

h1,h2,h3 {
	font-family: 'Dancing Script', cursive;
	text-align: center;
	color: #575757;
}

h2 {
	font-size: 2.2rem;
}

.left {
	text-align: left;
}

.banner_top {
	height: 30vw;
	background: url("../images/banner_top.jpg") no-repeat center bottom;
	background-size: contain;
}

.banner_bottom {
	background: url("../images/banner_bottom.jpg") no-repeat center top;
	background-size: contain;
	height: 30vw;;
}

.main_info {
	text-align: center;
}

.main_info h2 {
	text-align: center;
}

.divider_hr, .divider_hr2 {
	background: url("../images/divider_hr.png") no-repeat center top;
	background-size: contain;
	height: 140px;
}

.divider_hr2 {
	background: url("../images/divider_hr2b.png") no-repeat center top;

}

.mainphoto {
	margin: 0 auto;
	width:  auto;
	display:  block;
}

/* Small */
@media screen and (max-width: 39.9375em) {
	h1 {
		font-size: 2.4rem;
	}
	
	.content_main {
		padding: 1rem;
	}
}

/* Medium */
@media screen and (min-width: 40em) {
	h2 {
		font-size: 2.4rem;
	}
	
	.banner_top, .banner_bottom {
		max-height: 22vw;
	}
	
	.content_main {
		padding: 1rem 11rem 2rem 11rem;
	}
}

/* Large */
@media screen and (min-width: 64em) {
	h1 {
		font-size: 3.6rem;
	}
	h2 {
		font-size: 2.8rem;
	}
}

/* Large - custom */
@media screen and (min-width: 90em) {
	.banner_top, .banner_bottom {
		max-height: 17vw;
	}
}