html, body { margin: 0; padding: 0; height: 100%; }

body { background-color: #000; position: relative; }

a { color: #000; }

a:hover { opacity: 0.8; cursor: pointer; }

.top-header { width: 100%; background-color: #000; display: block; padding: 15px 0px; }

.top-header-inner { position: relative;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    height: 24px; }


.sub-nav-header { width: 100%; background-color: #e6dfda; display: block; padding: 15px 0px 10px 0px; }

.sub-nav-header-inner { position: relative;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    height: 24px; }
    
 .sub-nav-header-title { color: #000; list-style: none; font-family: 'asseregular_5'; font-weight: 700; padding: 0; margin: 0; float: left; }
 
.sub-nav-header-links { padding: 0; margin: 0; color: #000; font-family: 'asseregular_5'; float: right; }

.sub-nav-header-links li { display: inline-block; margin-left: 9px; }

.sub-nav-header-title li { display: inline-block; margin-right: 25px; }

.video-desktop { display: block; }

.video-mobile { display: none; }

.worship-hero-no-countdown { border-bottom: 2px solid #FFF; }

.worship-logo { width: 130px; height: 25px; background-image: url('https://churchunlimited.com/ilmresources.com/site_uploads/uploads/ILM_resources_logo.png'); position: absolute; left: 0; top: 0; background-size: cover; background-position: center; background-repeat: no-repeat; }

.top-background { margin-top: -1px; padding-top: 1px; }

.worship-hero { width: 100%; position: relative; max-height: 640px; }

.worship-socials a { display: inline-block; margin-left: 10px; }

.worship-socials a:first-child { margin-left: 0px; }

.worship-hero:after { content: ""; display: block; padding-bottom: 56.5555%; }

.worship-text-section { min-height: 100px; background-color: #000; }

.hero-block { display: inline-block; height: 100%; width: 50%; max-width: 610px; position: relative; }

.otg-album { width: 100%; height: 100%; background-image: url('https://churchunlimited.com/worshipunlimited.com/images/uploads/otg-logo.png'); background-size: 100% auto; background-position: center; background-repeat: no-repeat; }

.otg-release { width: 100%; height: 100%; background-image: url('https://churchunlimited.com/worshipunlimited.com/images/uploads/otg-release.png'); background-size: 100% auto; background-position: center; background-repeat: no-repeat; }

.page-contain { position: absolute; width: 100%; height: 100%; margin-left: auto; margin-right: auto; top: 0; text-align: center; }

.worship-socials { right: 0; text-align: right; }

.worship-socials-icon { display: inline-block; width: 24px; height: 24px; }

.worship-text-section { box-sizing: border-box; padding: 50px 0px; color: #FFF; }

.worship-text-contain { max-width: 800px; width: 90%; margin-left: auto; margin-right: auto; text-align: center; }

.worship-text-title { font-family: 'anton', sans-serif; font-size: 44px; margin-bottom: 21px; }

.worship-text-description { font-family: 'asseregular_5';
    font-weight: 300;
    font-size: 22px;
    line-height: 160%; }
    
.worship-countdown-section { width: 100%; background-color: #FFF; }
    
.timer-frame { border: 0;
    width: 100%;
    height: 72px; }
    
    .front-image-01 { width: 100%; vertical-align: top; display: inline-block; }
    
    .front-image-02 { width: 33.3333%; vertical-align: top; display: inline-block; }
    
.front-images-contain { position: absolute; top: 50%;
  transform: translateY(-50%); }
  
 .worship-half-section { width: 100%; padding: 50px 0px; }
 
 .worship-half-block { width: 50%; box-sizing: border-box; padding: 130px; color: #000; display: inline-block; font-family: 'asseregular_6'; padding: 0px 30px; vertical-align: middle;
}
 
 .half-block-right { text-align: left; }
 
 .half-block-left { text-align: right; }
 
 .half-block-text { font-size: 20px; line-height: 140%; }
 
 .worship-footer { background-color: #000; box-sizing: border-box; font-size: 15px; }
 
 .worship-footer-center { 
 
 	position: relative;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    padding-top: 30px;
    padding-bottom: 60px;
    font-family: 'asseregular_5';
    color: #FFF;
    text-align: center;
    font-size: 15px; 
 }
 
 
 @media only screen and (max-width: 900px) {
 
 	.timer-frame { height: 111px; }
 
 	.top-header { position: relative; padding-bottom: 20px; box-sizing: border-box; }
 
 	.top-header-inner { text-align: center; height: auto; }
 
 	.worship-logo { position: relative; display: block; text-align: center; width: 100%; background-size: auto 100%; }
    
	.worship-socials { display: block; text-align: center; margin-top: 15px; }
    
 	.worship-logo { height: 45px; }   
 	
 	.worship-half-block { width: 100%; }
 
 	.half-block-text { font-size: 20px; }
    
    .worship-footer-center { font-size: 15px; }
    
    .resource-author-list { display: none; }
    
    .site-login-links { float: none; width: 100%; text-align: center; }
 
 }
 
  @media only screen and (max-width: 458px) {
  
  	.video-desktop { display: none; }
    
    .video-mobile { display: block; }
 
 	.hero-block { width: 100%; height: 50%; }
    
    .worship-hero:after { padding-bottom: 170%; }
 
 	.otg-album { background-size: 88% auto; }
    
    .front-images-contain { top: 0%; transform: translateY(0%); }
    
    .worship-footer-center { font-size: 15px; }
     
  	@-moz-document url-prefix() {
    
    	.worship-hero { padding: 55px 0px; }
    
    	}
 
 }