body{margin:0;font-family:'Raleway',sans-serif;arial;background-color:#fdfdfd;color:#121212;font-size:108%;line-height: 28px;} #wrapper{width:90%;max-width:1200px;margin:0 auto;padding:2%;line-height:28px;} #wrapper-top{width:68%;max-width:1200px;margin:0 auto;padding:52px 0 56px 5%;line-height:28px;margin-top:-79px;position:relative;z-index:99;border:1px solid #f6f6f6;border-top:4px solid #00dbbd;background-color:#fff;} @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:'Raleway',sans-serif; font-size:90%; text-transform:uppercase; letter-spacing: 1.6px; width:100%; text-align:center; color:#eee; position:relative; z-index:22; background-color:#fff; } #top-menu a {color:#141414;padding:0 14px;} #right-sidebar{ font-family: 'Raleway', sans-serif; float:right; margin-left:2%; width:30%; border-left:1px solid #00dbbd; color:#000; text-align:right; } a {color:#00dbbd;text-decoration:none;} a:hover{color:#3b0264;}  .firstcharacter { float:left; color:#00dbbd; font-size:49px; line-height:49px; padding-top:1px; padding-right:8px; padding-left: 3px; font-family:'Raleway',sans-serif;margin-bottom:-9px; }  h1{font-family: 'Arizonia', cursive;font-size:500%;color:#fff;text-shadow:1px 0px 1px #000;line-height:73px;font-weight:normal;} h2{font-family: 'Arizonia', cursive;font-size:400%;color:#00dbbd;font-weight:normal;line-height:58px;} h3{font-size:280%;color:#00dbbd;margin-bottom:1px;text-align:center;font-weight:normal;line-height:45px;} h4{font-family: 'Raleway', sans-serif;font-size:175%;color:#00dbbd;font-weight:normal;}  #slider-holder{ width:100%; margin:4px 0 40px 0; } .three-box{display:inline-block;width:25%;margin:2%;vertical-align:top;text-align:center;} .three-box a {} .three-box a:hover {} /* mobile menu */ #form-menu select { background: #fff; padding: 5px; font-size: 16px; border: 0px solid #00dbbd; 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;padding-left:10%;} #slide-bottom { width: 10240px; height: 500px; background: url(bkg5.jpg); position: relative; /* Chrome, Safari, Opera */ -webkit-animation-name: myfirst; -webkit-animation-duration: 105s; -webkit-animation-timing-function: linear; -webkit-animation-delay: 1s; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: alternate; -webkit-animation-play-state: running; /* Standard syntax */ animation-name: myfirst; animation-duration: 105s; animation-timing-function: linear; animation-delay: 1s; animation-iteration-count: infinite; animation-play-state: running; } /* Chrome, Safari, Opera */ @-webkit-keyframes myfirst { 0%   {background:red; left:-5120px; top:0px;} 100% {background:red; left:0px; top:0px;} } /* Standard syntax */ @keyframes myfirst { 0% {left:-5120px; top:0px;} 100% {left:0px; top:0px;} } .serving-content{display:inline-block;width:57%;padding-left:4%;padding-top:2.5%;font-size:104%;} .serving-content-image{float:left;width:38%;} #footer-inner{padding:72px 0 38px 0%;font-size:94%;color:#fff;line-height:26px;} #footer-right{float:right;margin-top:-2px;text-align:right;line-height:26px;width:200px;} #footer-right a  {color:#fff;} #to-top{margin:-31px auto;width:30%;text-align:center;padding-bottom:0;}  .show1100{display:none;} .show1000{display:none;} .show900{display:none;} .show780{display:none;} .show650{display:none;} .show500{display:none;}  @media only screen and (max-width: 1100px) { .hide1100{display:none;} .show1100{display:block;} }  @media only screen and (max-width: 1000px) { .hide1000{display:none;} .show1000{display:block;} .serving-content{display:inline-block;width:90%;padding-left:4%;padding-top:2%;font-size:120%;line-height:35px;} .serving-content-image{display:none;} }  @media only screen and (max-width: 900px) { .hide900{display:none;} .show900{display:block;} }   @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;line-height:28px;} .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;} #wrapper-top{padding-top:0px;margin-top:-49px;padding-right:2%;} }  @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%;display:none;} #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;} }  @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;} #wrapper-top{margin-top:-29px;} }