/* main */

#main1 { margin:20px 0px 0px; }
#main1 .main1-box { position:relative; cursor:pointer; overflow:hidden;}
#main1 .main1-box:hover img {opacity:0.7; transition:0.3s all;}
#main1 .main1-cont { position:absolute; bottom:0px; width:100%; padding:24px 30px;}
#main1 .main1-cont h3 { font-size:28px; color:#fff; margin:0 0 10PX;}
#main1 .main1-cont p { font-size:18px; color:#fff; margin:0px;}
#main1 > div > div > div { margin:0px 0px 20px;}
#main1 .main1-box img { width:100%; }

.main2 { margin-bottom:25px; }

.sermon { background:url(../Images/sermon_22.jpg) no-repeat; height:381px; background-size:auto 100%; padding:60px 0; background-position-x:right;}
.sermon > div { padding:0 90px;}
.sermon-cont { text-align:left; display:inline-block; float:right;}
.sermon-cont a { color:#fff; text-decoration:none; }
.sermon-cont h3 { color:#fff; font-size:20px; }
.sermon-cont h2 { color:#fff; font-size:30px; margin:25px 0 0; }
.sermon-cont h2 span { color:#fff; font-size:19px; }
.sermon-cont h4 { color:#fff; font-size:22px; margin:0 0 20px;}
.sermon-cont h5 { font-size:35px; margin:15px 0; }
.sermon-cont .view { padding:5px 40px; font-size:17px; color:#fff; display:inline-block; background:rgba(255,255,255,0.4); margin:15px 0 0; border:1px solid #fff;}
.sermon-cont .view:hover {background:#1F476E; transition:0.3s all; }

/* media */

@media (min-width:1200px) and (max-width:1499px) {
    #main1 .main1-cont h3 { font-size:23px; }
    .sermon-cont { margin-right:35px; }
    #main1 .main1-cont p { font-size:14px;}
    #main1 .main1-cont { padding:19px 30px; }
    .sermon > div { padding:0px 30px;}
}

@media (min-width:993px) and (max-width:1199px) {
     #main1 .main1-cont h3 { font-size:22px; margin:0px;}
          #main1 .main1-cont p { display:none;}
          #main1 .main1-cont {   padding: 25px 10px; }
          .sermon > div { padding: 0 15px; margin-right:10px; }
          /*.sermon { background-size:102% 100%; }*/
    
}

@media (min-width:768px) and (max-width:992px) {
	.sermon > div { background:rgba(0,0,0,0.8); margin: 0; padding: 30px 135px; }
         #main1 .main1-cont h3 { font-size:22px; margin:0px;}
          #main1 .main1-cont p { display:none;}
          .sermon-cont { float:left;}
          #main1 .main1-cont { position: absolute; bottom: 0px; width: 100%; padding: 30px 30px; }
          .sermon { background: url(../Images/sermon_2.png) no-repeat; height: 381px; background-size: auto 100%; padding: 70px 0; background-position: left; }
}

@media (max-width:767px) {
	#main1 .main1-cont { padding:35px 30px; }
	#main1 .main1-cont h3 { font-size:18px; }
    .sermon { background: url(../Images/sermon_2.png) no-repeat; height: auto; background-size: auto 100%; padding: 50px 0; background-position: right; }
    .sermon-cont { width:100%; text-align:center; }
    .sermon > div { padding:0px 15px; text-align:center;}
    #main1 .main1-cont p { display:none;}
    #main1 .main1-cont h3 { margin:0;}
    .sermon-cont h5 { font-size:20px; }
    .sermon-cont h4 { font-size:18px; }
}