/*************** [sermons]basic ***************/
/*#section_type_sermons_19*/
#section_type_sermons_19 {clear:both; height:100%;}

#section_type_sermons_19 .sermon {width:100%; height:100%; background:url("/section/sermon/sermon_19/img/bg.jpg") no-repeat center center; background-size:cover; overflow:hidden;}

#section_type_sermons_19 .sermon .left { float:left; width:53%; height:100%;}
#section_type_sermons_19 .sermon .left .left_inner {width:80%; height:100%; margin-left:20%; background: url("/section/sermon/sermon_19/img/pastor.png")no-repeat right bottom/590px; box-sizing:border-box; padding-top:100px;}

#section_type_sermons_19 .sermon .right { float:left; width:47%; height:100%;}
#section_type_sermons_19 .sermon .right .right_inner {width:80%; margin-right:20%; padding-left:10%; padding-top:170px; box-sizing:border-box;}

#section_type_sermons_19 .sermon .title {color:#fff; padding-bottom:80px;}
#section_type_sermons_19 .sermon .title h1 {font-size:70px; font-weight:500; padding-bottom:40px;}
#section_type_sermons_19 .sermon .title h1:after {content:""; width:50px; height:1px; background:#fff; display:block; margin-top:40px;}
#section_type_sermons_19 .sermon .title h1 span {font-size:30px;}
#section_type_sermons_19 .sermon .title h2 {font-size:36px; font-weight:400; line-height:130%; padding-bottom:10px;}
#section_type_sermons_19 .sermon .title p {font-size:18px; line-height:130%; font-weight:300;}
#section_type_sermons_19 .sermon .title h3 {font-size:24px; font-weight:400; line-height:130%;}

	#section_type_sermons_19 .sermon .right .title {color:#333;}
	#section_type_sermons_19 .sermon .right .title h1 {font-size:66px;}
	#section_type_sermons_19 .sermon .right .title h1:after {background:#000;}

#section_type_sermons_19 .sermon .left ul {width:350px;}
#section_type_sermons_19 .sermon .left ul li {font-size:28px; background:rgba(89,30,9,0.7); display:inline-block; padding:15px 25px; margin-bottom:10px; font-weight:300;}
#section_type_sermons_19 .sermon .left ul li a {color:#fff;}
#section_type_sermons_19 .sermon .left ul li a:hover {text-decoration:underline;} 

#section_type_sermons_19 .sermon .right ul {width:100%;}
#section_type_sermons_19 .sermon .right ul li {float:left; width:33.333%; padding:0 15px; box-sizing:border-box; }
#section_type_sermons_19 .sermon .right ul li a {}
#section_type_sermons_19 .sermon .right ul li a h2 {}
#section_type_sermons_19 .sermon .right ul li a h2 img {width:100%;}
#section_type_sermons_19 .sermon .right ul li a p {font-size:18px; padding-top:10px; text-align:center;}
#section_type_sermons_19 .sermon .right ul li a:hover p {text-decoration:underline;} 

/*************** [sermons]responsive ***************/
/*#section_type_sermons_18*/
@media screen and (max-width:1500px){ 
	#section_type_sermons_19 .sermon .title h1 {font-size: 60px;}

	#section_type_sermons_19 .sermon .left .left_inner {background: url("/section/sermon/sermon_19/img/pastor.png")no-repeat right bottom/460px; margin-left: 15%;}
	#section_type_sermons_19 .sermon .left ul li {font-size:24px;}

	#section_type_sermons_19 .sermon .right .right_inner {padding-left: 5%;}
	#section_type_sermons_19 .sermon .right .title h1 {font-size: 56px;}
	#section_type_sermons_19 .sermon .title h3 {font-size: 22px;}
	
}
@media screen and (max-width:1024px){ 
	#section_type_sermons_19 .sermon {background:none;}
	
	#section_type_sermons_19 .sermon .left {float:none; width:100%; background:url("/section/sermon/sermon_19/img/left_bg.jpg") no-repeat center center; background-size:cover; height:auto;}
	#section_type_sermons_19 .sermon .left .left_inner {width:88%; margin-left:10%; padding-bottom:80px;}
	
	#section_type_sermons_19 .sermon .title h1 {font-size:50px;}
	#section_type_sermons_19 .sermon .title h2 {font-size:32px;}
	#section_type_sermons_19 .sermon .left ul li {font-size:22px;}

	#section_type_sermons_19 .sermon .right {float:none; width:100%; background:url("/section/sermon/sermon_19/img/right_bg.jpg") no-repeat center center; background-size:cover; height:auto;}
	#section_type_sermons_19 .sermon .right .right_inner {padding-left:0; margin-right:0; margin-left:10%; padding-top:80px; padding-bottom:80px;}
	#section_type_sermons_19 .sermon .right ul li {float:none; width:193px; margin-bottom:30px;}

	#section_type_sermons_19 .sermon .right .title h1 {font-size:46px;}
	#section_type_sermons_19 .sermon .title h3 {font-size:20px;}
}
@media screen and (max-width:900px){ 
	#section_type_sermons_19 .sermon .left .left_inner {background: url("/section/sermon/sermon_19/img/pastor.png")no-repeat right bottom/400px;}
}
@media screen and (max-width:600px){
	#section_type_sermons_19 .sermon .left .left_inner {background: url("/section/sermon/sermon_19/img/pastor.png")no-repeat right bottom/340px;}
	#section_type_sermons_19 .sermon .left ul li {font-size: 18px;}
	
	#section_type_sermons_19 .sermon .title {padding-bottom:60px;}
	#section_type_sermons_19 .sermon .title h1 {font-size: 45px;}
	#section_type_sermons_19 .sermon .right .title h1 {font-size: 40px;}
	
	#section_type_sermons_19 .sermon .title h3 {font-size: 18px;}
	#section_type_sermons_19 .sermon .right ul li {width:160px;}
}
@media screen and (max-width:450px){
	#section_type_sermons_19 .sermon .left .left_inner {background:none;}
}