/*************** [sermons]basic ***************/
/*#section_type_sermons_20*/
#section_type_sermons_20 {clear:both;}

#section_type_sermons_20 .sermon {width:100%; height:700px; background:url("/section/sermon/sermon_20/img/bg.jpg")no-repeat center center; background-size:cover; padding:70px 0; box-sizing:border-box;}

#section_type_sermons_20 .sermon h2 {font-family:"GmarketSansLight"; font-weight:300; font-size:24px; color:#fff; text-align:center; padding-bottom:20px;}
#section_type_sermons_20 .sermon h1 {font-family:"GmarketSansBold"; color:#fff; font-size:40px; text-align:center; padding-bottom:50px;}
#section_type_sermons_20 .sermon .btn {position:relative; border:1px solid #fff; width:180px; height:auto; padding:10px 0; left:50%; margin-left:-90px; margin-bottom:80px;}
#section_type_sermons_20 .sermon .btn a {display:block; width:100%; height:100%;}
#section_type_sermons_20 .sermon .btn a p {font-family:"GmarketSansMedium"; color:#fff; font-size:18px; text-align:center; text-shadow:2px 2px 5px rgba(0,0,0,0.5);}

#section_type_sermons_20 .sermon .sermon_box {width:100%; overflow:hidden;}
#section_type_sermons_20 .sermon .sermon_box .box {float:left; width:31%; margin-right:2%;}
#section_type_sermons_20 .sermon .sermon_box .box h3 {width:100%;}
#section_type_sermons_20 .sermon .sermon_box .box h3 img {width:100%;}
#section_type_sermons_20 .sermon .sermon_box .box .bottom {width:100%; background:rgba(0,0,0,0.5); padding:20px; box-sizing:border-box;}
#section_type_sermons_20 .sermon .sermon_box .box .bottom h4 {padding-bottom:20px;}
#section_type_sermons_20 .sermon .sermon_box .box .bottom h4 a {font-family:"GmarketSansMedium"; font-weight:100; color:#fff; font-size:18px; 
display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 90%;}
#section_type_sermons_20 .sermon .sermon_box .box .bottom h4 a:hover {text-decoration:underline;}
#section_type_sermons_20 .sermon .sermon_box .box .bottom .p_wrap {width:100%; overflow:hidden; font-size:16px; color:#ccc;}
#section_type_sermons_20 .sermon .sermon_box .box .bottom .p_wrap .left_p {float:left;}
#section_type_sermons_20 .sermon .sermon_box .box .bottom .p_wrap .right_p {float:right;}


/*************** [sermons]responsive ***************/

@media screen and (max-width:900px){ 
	#section_type_sermons_20 .sermon {height:auto;}
	#section_type_sermons_20 .sermon .sermon_box {width:60%; margin:0 auto;}
	#section_type_sermons_20 .sermon .sermon_box .box {float:none; width:100%; margin-right:0; margin-bottom:30px;}
}

@media screen and (max-width:600px){
	#section_type_sermons_20 .sermon h2 {font-size:20px;}
	#section_type_sermons_20 .sermon h1 {font-size:30px;}

	#section_type_sermons_20 .sermon .sermon_box {width:90%;}
}