#top {
	min-height: 480px;
	background: url(images/img_top_bg_mini.jpg?03292017) no-repeat;
	background-position: center top;
	background-size: cover;
	padding: 300px 0 0 0;
}

#top h1 {
	font-size: 140%;
	font-weight: 800;
	background: #FFF;
	text-align: center;
	margin: 0 auto;
	padding: 10px;
	width: 940px;
}

#trek {
	min-height: 425px;
	background: url(images/bg_trek_mini.jpg) no-repeat;
	background-position: center center;
	background-size: cover;
	text-align: center;	
}

#trek p {
	width: 460px;
	padding: 15px 0 0 0;
	margin: 0 auto;
}

#western,
#eastern,
#cross_country {
	max-width: 960px;
	width: 100%;
	margin: 25px auto;
}

#western img,
#eastern img,
#cross_country img {
	margin: 0 auto 10px auto;
	display: block;
}

.tour {
	float: left;
	width: 50%;
}

.tour img {
	width: 100%;
}

.tour h3 {
	text-align: center;
	padding: 5px 0 10px 0;
}

.tour p {
	font-size: 100%;
	padding: 0 10px;
}

.btn_detail {
	font-size: 120%;
	padding: 20px 0 30px 0;
	text-align: center;
}

.btn_detail a {
	padding: 8px 30px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #fd7d00;
	color: #FFF;
}

.btn_detail a:hover {
	background: #fd5300;
	text-decoration: none;
}

#eastern .btn_detail a {
	background: #225baf;
}

#eastern .btn_detail a:hover {
	background: #02347e;
}

#cross_country .btn_detail a {
	background: #4c9e0f;
}

#cross_country .btn_detail a:hover {
	background: #327501;
}

.clear {
	clear: both;
}

/*===============================================
●For Tablet Max Width 768px
===============================================*/
@media screen and (max-width: 768px){
#top {
	min-height: 300px;
	padding: 170px 0 0 0;
}

#top h1 {
		width: 80%;
}	
		
}


/*===============================================
●For Mobile Max Width 640px
===============================================*/
@media screen and (max-width:640px){
#top {
	min-height: 170px;
	padding: 95px 0 0 0;
}

#top h1 {
	font-size: 100%;
	width: 95%;
}

.top_img {
	width: 80%;
}

#trek {
	min-height: 200px;
}

#trek p {
	width: 95%;
	padding: 15px 0 0 0;
	margin: 0 auto;
}

.tour {
	float: none;
	width: 100%;
}	

}