body{margin:0;font-family:tahoma;arial;line-height:28px;}
#wrapper{width:96%;max-width:1200px;margin:0 auto;}

@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: local('Raleway'), url(http://fonts.gstatic.com/s/raleway/v9/0dTEPzkLWceF7z0koJaX1A.woff2) format('woff2'), url(http://fonts.gstatic.com/s/raleway/v9/IczWvq5y_Cwwv_rBjOtT0w.woff) format('woff');
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: local('Raleway Bold'), local('Raleway-Bold'), url(http://fonts.gstatic.com/s/raleway/v9/JbtMzqLaYbbbCL9X6EvaI_k_vArhqVIZ0nv9q090hN8.woff2) format('woff2'), url(http://fonts.gstatic.com/s/raleway/v9/JbtMzqLaYbbbCL9X6EvaIxsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
}
#social{margin-bottom:24px;}
#social a{padding:0 6px;}
#top-menu{font-family:Tahoma;
font-size:111%;
text-transform:uppercase;
font-weight:normal;
letter-spacing: 1.6px;
width:100%;
text-align:center;
padding-top:24px;
padding-bottom:9px;
color:#F0F0FA;
position:relative;
z-index:22;
box-shadow: 1px 1px 10px #919191;
margin-bottom:50px;
}
#top-menu a{font-weight:normal;}
#right-sidebar{
font-family: 'Playfair Display', serif;
float:right;
margin-left:2%;
width:30%;
border-left:1px solid #6b7c8e;
padding-left:2%;
color:#6b7c8e;
text-align:right;
}
a {color:#f7882f;text-decoration:none;font-weight:bold;}
a:hover{color:#e07723;}
a.readmore {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    box-shadow: 0 0 1px 1px #dbdbdb;
    line-height: 34px;
    margin: 0 6px;
    padding: 9px;
}
.firstcharacter { float:left; color:#f7882f; font-size:49px; line-height:49px; padding-top:1px; padding-right:3px; padding-left: 3px; font-family:'Raleway',sans-serif;margin-bottom:-9px; }

h1{font-family: 'Playfair Display', serif;font-size:500%;color:#fff;text-shadow:3px 2px 2px #000;line-height:41px;font-weight:900;}
h2{font-family: 'Playfair Display', serif;font-size:250%;color:#6b7c8e;font-weight:bold;line-height:41px;font-weight:900;}
h3{font-family: 'Playfair Display', serif;font-size:200%;color:#6b7c8e;margin-bottom:1px;font-weight:900;}
h4{font-family:  'Playfair Display', serif;font-size:175%;color:#6b7c8e;font-weight: normal;}

#slider-holder{
width:100%;
margin:-12px 0 40px 0;
}
.three-box{display:inline-block;width:25%;margin:2%;vertical-align:top;text-align:center;}
.three-box a {color:#595D8D;}
.three-box a:hover {color:#434777;}
.location-box{margin:0px auto;width:33%;max-width:1200px;padding:7% 0 9% 2%;font-size:150%;color:#fff;display:inline-block;vertical-align:top;}
.margin-left142{margin-left:142px;}

/* mobile menu */
#form-menu select {
   background: #fff;
   padding: 5px;
   font-size: 16px;
   border: 0px solid #f7882f;
   border-radius:3px;
   width:98%;
   margin:2px 0;
}
.three-box-image{width:100%;max-width:300px;}
.sliding-banner-bottom-content-holder{margin-top:-400px;text-align:center;z-index:99;position:relative;color:#fff;height:355px;}
.serving-content{display:inline-block;width:57%;padding-left:4%;padding-top:2%;line-height:26px;}
.serving-content2{display:inline-block;width:67%;padding-left:4%;padding-top:2%;line-height:26px;}
#footer-inner{padding:31px 0 208px 0;font-size:94%;color:#fff;}
#footer-right{float:right;margin-top:-2px;text-align:right;line-height:26px;width:255px;}
#footer-right a  {color:#fff;}
#to-top{margin:-31px auto;width:30%;text-align:center;padding-bottom:0;}
.form-box{width:100%;}
.blank-buttons{width:37px;float:left;margin:-2px -24px 2px 0;}
.float-right-48{width:48%;float:right;text-align:left;}
.float-left-48{width:48%;float:left;text-align:left}
.show1000{display:none;}
.show900{display:none;}
.show780{display:none;}
.show650{display:none;}
.show500{display:none;}

@media only screen and (max-width: 1000px) {
.hide1000{display:none;}
.show1000{display:block;}
}

@media only screen and (max-width: 900px) {
.hide900{display:none;}
.show900{display:block;}
.serving-content2{display:inline-block;width:100%;padding-left:0%;padding-top:2%;line-height:28px;font-size:90%;}
}


@media only screen and (max-width: 780px) {
.hide780{display:none;}
.show780{display:block;}
#top-menu{font-size:95%;}
.three-box{display:block;width:96%;margin:2%;vertical-align:top;}
.children-and-youth-div{margin:0px auto;width:100%;padding:0;}
.children-and-youth-left-photo{float:none;width:96%;margin:0 auto;}
.children-and-youth-left-col{display:block;width:96%;padding:2% 2% 24px 2%;}
#right-sidebar-purple{float;none;width:98%;margin-bottom:24px;}
.three-box-image{max-width:256px;margin-top:36px;}
}

@media only screen and (max-width: 650px) {
.hide650{display:none;}
.show650{display:block;}
#right-sidebar{border:0;margin:-20px 0 -36px;width:98%;}
#footer-inner{text-align:center;padding-top:54px;}
#footer-right{float:none;text-align:center;line-height:26px;width:100%;}
#to-top{margin-top:28px;}
#top-media{float:none;width:100%;margin-bottom:-24px;}
#top-media-fb-page{width:100%;}
#media-sermons{float:none;width:100%;}
#top-blue-div{padding:5%;width:90%;}
.events-three-box{width:44%;}
.special-series-image{float:none;margin:0 auto 12px;display:block;}
.float-right-48{width:100%;float:none;text-align:left;}
.float-left-48{width:100%;float:none;text-align:left}
}

@media only screen and (max-width: 500px) {
.hide500{display:none;}
.show500{display:block;}
#top-menu{display:none;}
h2{font-size:210%;line-height:41px;}
.location-box{font-size:100%;}
.margin-left142{margin-left:0px;}
.margin-left162{margin-left:0px;}
.three-media-block{display:inline-block;width:306px;margin:2px;}
.events-layout p{padding:0 12px;}
.events-three-box{width:95%;height:auto;}
#reading td{height:27px;padding:0 2px;width:0px;vertical-align:bottom}
#reading td:first-child{width:10px}
.sliding-banner-bottom-content-holder{margin-top:-420px;}
#slider-holder{margin-top:18px;margin-bottom:22px;}
.serving-content{display:inline-block;width:100%;padding-left:0%;padding-top:2%;line-height:28px;}

}