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

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

#section_type_sermons_21 .sermon .sermon_box {width:100%; overflow:hidden;}
#section_type_sermons_21 .sermon .sermon_box .left {float:left; width:48%; margin-right:4%;}
	#section_type_sermons_21 .sermon .sermon_box .left .embed-container{position:relative; padding-bottom:56.25%; height:0; overflow: hidden; width:100%; margin:0 auto 40px;}
	#section_type_sermons_21 .sermon .sermon_box .left .embed-container iframe{border:1px solid #ccc;}
	#section_type_sermons_21 .sermon .sermon_box .left .embed-container iframe,
	#section_type_sermons_21 .sermon .sermon_box .left .embed-container object,
	#section_type_sermons_21 .sermon .sermon_box .left .embed-container embed {position: absolute; top: 0; left: 0; width:100%; height: 100%;}

	#section_type_sermons_21 .sermon .sermon_box .left .left_btn {display:table; width:100%; overflow:hidden; background:rgba(57,109,226,0.8); border-radius:10px; padding:25px 15px; box-sizing:border-box; box-shadow:3px 3px 6px rgba(0,0,0,0.5);}
	#section_type_sermons_21 .sermon .sermon_box .left .left_btn h3 {display:table-cell; vertical-align:middle; color:#fff; font-family:"GmarketSansMedium"; font-weight:300; font-size:22px; padding-top: 5px;}
	#section_type_sermons_21 .sermon .sermon_box .left .left_btn .arrow_link {float:right;}

		#section_type_sermons_21 .sermon .sermon_box .arrow_link {display:table-cell; vertical-align:middle;}
		#section_type_sermons_21 .sermon .sermon_box .arrow_link a {display:table;}
		#section_type_sermons_21 .sermon .sermon_box .arrow_link a p {color:#fff; font-family:"GmarketSansLight"; font-size:20px; vertical-align:middle; display:table-cell; padding-right:10px; padding-top: 5px;}
		#section_type_sermons_21 .sermon .sermon_box .arrow_link a p h4 {display:table-cell; vertical-align:middle;}
		#section_type_sermons_21 .sermon .sermon_box .arrow_link a p h4 img {}

#section_type_sermons_21 .sermon .sermon_box .right {float:left; width:48%; margin-right:0;}
#section_type_sermons_21 .sermon .sermon_box .right .right_txt {width:100%; height:324px; background:rgba(255,255,255,0.5); padding:50px 40px; box-sizing:border-box; margin-bottom:40px;}
#section_type_sermons_21 .sermon .sermon_box .right .right_txt h2 {font-family:"GmarketSansMedium"; font-weight:300; font-size:30px; color:#000; padding-bottom:35px; border-bottom:1px solid #333; margin-bottom:35px;}
#section_type_sermons_21 .sermon .sermon_box .right .right_txt div {display:table; margin-bottom:20px;}
#section_type_sermons_21 .sermon .sermon_box .right .right_txt div h3 {display:table-cell; vertical-align:middle; background:#396de2; border-radius:20px; color:#fff; font-family:"GmarketSansMedium"; font-weight:300; font-size:20px; padding:13px 23px 8px; width:120px; height:40px; box-sizing:border-box; text-align:center;}
#section_type_sermons_21 .sermon .sermon_box .right .right_txt div p {display:table-cell; vertical-align:middle; font-size:18px; color:#000; line-height:150%; padding-left:20px;}

#section_type_sermons_21 .sermon .sermon_box .right .right_btn {width:100%; overflow:hidden;}
#section_type_sermons_21 .sermon .sermon_box .right .right_btn .arrow_link {float:left; background:rgba(226,135,16,0.8); padding:25px 15px; border-radius:10px; box-shadow:3px 3px 6px rgba(0,0,0,0.5); box-sizing:border-box;}
#section_type_sermons_21 .sermon .sermon_box .right .right_btn .arrow_link:nth-child(1) {width:30%; margin-right:2%;}
#section_type_sermons_21 .sermon .sermon_box .right .right_btn .arrow_link:nth-child(2) {width:36%; margin-right:2%;}
#section_type_sermons_21 .sermon .sermon_box .right .right_btn .arrow_link:nth-child(3) {width:30%;}

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

@media screen and (max-width:1200px){ 
	#section_type_sermons_21 .sermon {height:auto;}
	#section_type_sermons_21 .sermon .sermon_box .left {float:none; width:80%; margin:0 auto 60px;}
	#section_type_sermons_21 .sermon .sermon_box .right {float:none; width:80%; margin:0 auto;}
}

@media screen and (max-width:700px){
	#section_type_sermons_21 .sermon .sermon_box .left {width:100%;}
	#section_type_sermons_21 .sermon .sermon_box .right {width:100%;}
}

@media screen and (max-width:600px){
	#section_type_sermons_21 .sermon .sermon_box .left .left_btn {padding:20px 15px;}
	#section_type_sermons_21 .sermon .sermon_box .left .left_btn h3 {display:none;}
	#section_type_sermons_21 .sermon .sermon_box .left .left_btn .arrow_link {float:left;}
	
		#section_type_sermons_21 .sermon .sermon_box .arrow_link a p {font-size:18px;}
		
	#section_type_sermons_21 .sermon .sermon_box .right .right_txt {height:auto; padding:40px 30px;}
	#section_type_sermons_21 .sermon .sermon_box .right .right_txt h2 {font-size:28px;}
	#section_type_sermons_21 .sermon .sermon_box .right .right_txt div h3 {font-size:18px;}
	
	#section_type_sermons_21 .sermon .sermon_box .right .right_btn .arrow_link {padding:20px 15px;}
	#section_type_sermons_21 .sermon .sermon_box .right .right_btn .arrow_link:nth-child(1) {width:100%; margin-right:0%; margin-bottom:20px;}
	#section_type_sermons_21 .sermon .sermon_box .right .right_btn .arrow_link:nth-child(2) {width:100%; margin-right:0%; margin-bottom:20px;}
	#section_type_sermons_21 .sermon .sermon_box .right .right_btn .arrow_link:nth-child(3) {width:100%;}
}