/* ===== == = === Base Styles === = == ===== */

/* XLarge screens */

/* min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) {
    
    /*.logotitle {
        outline: 1px solid red;
    }*/
    
    #container {
        width: 100%;
    }
    
    #contentintro {
        width: 100%;
    }
    
    
    #coni {      
        width: 1400px;
    }
    
    #mobile {
        display: none;
    }    
    
    #heromob {
        display: none;
    }
    
    #inter {
        margin: 0px auto;
    width: 1400px;
}
    #ttbw {
        width: 100%;
    }
    
    
}

/* Large screens */

/* min-width 1025px, large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) {
    
    /*.logotitle {
        outline: 1px solid green;
    }*/
    
    #container {
        width: 100%;
    }
    
    
    #contentintro {
        width: 100%;
    }
    
    
    #coni {      
        width: 80%;
    }
    
    #mobile {
        display: none;
    } 
    
    #heromob {
        display: none;
    }
    
    .hp-white-block-intro {
    padding: 2em 2% 2em;
}
    
    .hp-white-block {
    padding: 0em 2% 2em;
}
    
   

}

/* Medium screens */

/* min-width 641px, medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) { 
    
    /*.logotitle {
        outline: 1px solid yellow;
    }*/

    #desktop {
        display: none;
    } 
    
#container {
        width: 100%;
    }
    
    
    #contentintro {
        width: 100%;
    }
    
    
    #coni {      
        width: 80%;
    }
        
    #heromob {
        display: none;
    }
    
.logotitle {
    margin-top: 0px;
}
    
.logo {
    display: none;
}
  
h2 {
    font-size: 30px;
    margin: 1.5em 0 0.5em 0;
    text-transform: uppercase;
}    
    
nav {
    display: none;
}
    
/*.logoblock {
    display: none;
}*/
    
.b1 {
    margin-right: 0%;
    float: left;
    margin-bottom: 20px;
    width: 100%;
}

.b2 {
    margin-right: 0%;
    float: left;
    margin-bottom: 20px;
    width: 100%;
}

.b3 {
    margin-right: 0%;
    float: left;
    margin-bottom: 20px;
    width: 100%;
}

.b4 {
    float: left;
    width: 100%;
}    
   
#hp-f-video {
    padding: 20px 0 0;
    width: 100%;
}    
    
#hp-sec-video {
    margin-bottom: 2em;
    padding: 2em 0 0;
    width: 100%;
}

#hp-sec-video h2 {
    color: black;
    font-size: 2em;
    font-weight: normal;
    margin-bottom: 1em;
}       
   
#int-container-nm p {
    margin: 0px auto;
    width: 96%;
}    
    
#int-container-nm h1 {
    font-size: 35px;
    margin: 0px auto 1em;
    width: 96%;
}      
  
#int-container-nm {
    margin-top: 1em;
    padding: 3em 0 4em;
    width: 100%;
}     
    
  
.hp-white-block-intro {
    padding: 2em 2% 2em;
}

    
.hp-white-block {
    padding: 0em 2% 2em;
}
    
#aimg {
    float: left;
    width: 100%;
}

#atext {
    color: #000;
    float: right;
    text-align: left;
    width: 100%;
}  
    
#secondbox {
margin: 0 auto;
    padding: 30px 2%;
    width: 96%;
}    
    
#intlhalf {
    float: left;
    padding-top: 30px;
    width: 100%;
}

#intrhalf {
    float: right;
    padding-top: 30px;
    width: 100%;
} 
    
#sermonhalf {
    float: left;
    width: 100%;
}

#signuphalf {
    float: right;
    padding-top: 30px;
    width: 100%;
}  
    
#int-con {
    float: right;
    width: 100%;
}

#int-sb {
    padding: 5%;
    width: 90%;
}    
    
.entry-meta {
    margin-bottom: 1em;
    padding: 0 2%;
    width: 96%;
}    
    
            
} 

/* Small screens */

@media only screen and (max-width: 40em) { 
    
    /*.logotitle {
        outline: 1px solid white;
    }*/

   #container {
        width: 100%;
    }
    
    
    #contentintro {
        width: 100%;
    }
    
    
    #coni {      
        width: 90%;
    }
    
    
    #desktop {
        display: none;
    } 
    
.logotitle {
    margin-top: 0px;
}

.logo {
    display: none;
}
    
h2 {
    font-size: 24px;
    margin: 1.5em 0 0.5em 0;
    text-transform: uppercase;
}    
   
#hp-sec-video {
    margin-bottom: 2em;
    padding: 2em 0 0;
    width: 100%;
}

#hp-sec-video h2 {
    color: black;
    font-size: 2em;
    font-weight: normal;
    margin: 0 auto 1em;
    width: 90%;
}     
    
nav {
    display: none;
}
    
/*.logoblock {
    display: none;
}*/
	
.b1 {
    margin-right: 0%;
    float: left;
    margin-bottom: 20px;
    width: 100%;
}

.b2 {
    margin-right: 0%;
    float: left;
    margin-bottom: 20px;
    width: 100%;
}

.b3 {
    margin-right: 0%;
    float: left;
    margin-bottom: 20px;
    width: 100%;
}

.b4 {
    float: left;
    width: 100%;
} 
    
#hp-f-video {
    padding: 20px 0 0;
    width: 100%;
}    
    
#hp-sec-video {
    margin-bottom: 2em;
    padding: 1em 0 1em;
}  
    
.flogo {
   float: none;
}

footer p {
    float: none;
    margin: 5px 0 10px 0;
}    
   
footer {
    text-align: center;
    padding: 20px 5%;    
    width: 90%;
}    

#int-container-nm h1 {
    font-size: 35px;
    margin: 0px auto 1em;
    width: 96%;
}     
    
#int-container-nm p {
    margin: 0px auto;
    width: 96%;
}      
    
#int-container-nm {
    margin-top: 1em;
    padding: 3em 5% 4em;
    width: 90%;
}  
    
#hero {
    display: none;
}    
    
    
#introtext p {
    font-size: 26px;
}    
    
.hp-white-block-intro {
    padding: 2em 5% 2em;
    width: 90%;
}

    
.hp-white-block {
    padding: 1em 5% 2em;
    width: 90%;
}
    
#aimg {
    display: none;
}

    h1 {
        font-size: 28px;
    }    
    
#atext {
    color: #000;
    float: right;
    text-align: left;
    width: 100%;
}  
    
#secondbox {
margin: 0 auto;
    padding: 20px 5%;
    width: 90%;
}    
    
#intlhalf {
    float: left;
    padding-top: 30px;
    width: 100%;
}

#intrhalf {
    float: right;
    padding-top: 30px;
    width: 100%;
} 
    
#sermonhalf {
    float: left;
    width: 100%;
}

#signuphalf {
    float: right;
    padding-top: 30px;
    width: 100%;
}    
    
#secondbox h2, .hp-white-block-btm h2, .hp-white-block h2  {
    font-size: 26px;
} 
    
.hp-white-block-btm {
    padding: 1em 5% 2em;
    width: 90%;
}  
    
#fourblock {
    padding: 20px 5% 0;
    width: 90%;
}   
    
    #int-con {
    float: right;
    width: 100%;
}

#int-sb {
    margin-top: 40px;
    padding: 5%;
    width: 90%;
}  
    
.entry-meta {
    margin-bottom: 1em;
    padding: 0 2%;
    width: 96%;
}    
    
    
body {
    background-image: none;
}    
    
header {
    border-bottom: 0px;
}    
    
#cileft {
    float: left;
    margin-bottom: 20px;
    padding-left: 0;
    width: 100%;
}
 
#ciright {
    float: right;
    padding-left: 0;
    width: 100%;
}    
    
    
}