@import url("/mvthemes/fonts/nunito/stylesheet.css");
@import url("/mvthemes/fonts/caveat/stylesheet.css");
body, html, * { font-family:'Nunito', sans-serif; font-weight: 400;  }
.page-wrapper {color: #000;}
h1, h2, h3, h4, h5, h6, label, .spplayout *, #mainNav * { font-family:'Nunito', sans-serif; }
.fa { font-family: "fontawesome"!important; }
h2#homeHeading, div.slide-description p { text-shadow: 3px 4px 10px #000, -3px 4px 10px #000;  }
h2#homeHeading { font-size: 36px; font-weight: 300; margin: 0; letter-spacing: .03em; }
#top-tray-give a { color: #fff!important; }
.btn-xl { font-weight: 200; }
.homebutton { margin: 6px 0 0 0; }
p { line-height: 1.4; }
#main-footer { background-color: #203870!important; }
#top-bar .container-fluid { margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; }
.topbar1 { padding-left: 0; }
.topbar2 { padding-right: 0; }
.topbar1 a { display: block;
    float: left;
    padding: 9px 12px;
    margin: -10px 0 -10px 0;
    color: #fff!important;
    background-color: #135b78;
    transition: all 0.3s ease;
    opacity: 1; }
    .row.svpRow { display: none; }
.page-wrapper a:not([class]) { text-decoration: underline; }    
.page-wrapper table:not([class]) { width: 100%; }
.page-wrapper table:not([class]) tr:nth-child(even) {background: #CCC}
.page-wrapper table:not([class]) tr:nth-child(odd) {background: #FFF}
.page-wrapper table:not([class]) tr td, .page-wrapper table:not([class]) tr th { padding: 4px; vertical-align: top; }

#top-tray-give .tab-pane a { text-decoration: underline; }
#top-tray-give .tab-pane a.btn { text-decoration: none; }
.topbar1 a { font-weight: 600; font-size: 13px; }

div.slide-description p { font-size: 20px!important; padding: 0; margin: 0; font-weight: 600; }
/* #spSidebarLink_0 { background-image: url('/uploads/images/stained-glass-2_54.jpg')!important; background-size: cover; background-position: 0 0!important; }
#spSidebarLink_1 { background-image: url('/uploads/images/stained-glass-2_54.jpg')!important; background-size: cover; background-position: 0 -42px!important; }
#spSidebarLink_2 { background-image: url('/uploads/images/stained-glass-2_54.jpg')!important; background-size: cover; background-position: 0 -84px!important; }
#spSidebarLink_3 { background-image: url('/uploads/images/stained-glass-2_54.jpg')!important; background-size: cover; background-position: 0 -126px!important; }
#spSidebarLink_4 { background-image: url('/uploads/images/stained-glass-2_54.jpg')!important; background-size: cover; background-position: 0 -168px!important; }
#spSidebarLink_5 { background-image: url('/uploads/images/stained-glass-2_54.jpg')!important; background-size: cover; background-position: 0 -210px!important; }
#spSidebarLink_6 { background-image: url('/uploads/images/stained-glass-2_54.jpg')!important; background-size: cover; background-position: 0 -252px!important; }
#spSidebarLink_7 { background-image: url('/uploads/images/stained-glass-2_54.jpg')!important; background-size: cover; background-position: 0 -294px!important; }
#spSidebarLink_8 { background-image: url('/uploads/images/stained-glass-2_54.jpg')!important; background-size: cover; background-position: 0 -336px!important; }
#spSidebarLink_9 { background-image: url('/uploads/images/stained-glass-2_54.jpg')!important; background-size: cover; background-position: 0 -378px!important; }
#spSidebarLink_10 { background-image: url('/uploads/images/stained-glass-2_54.jpg')!important; background-size: cover; background-position: 0 -420px!important; } */

body.subpage .headshot { min-height: 200px; }
body.subpage .clergy-wrap {    margin-bottom: -16px!important; }
.row.clergy-wrap h3 { margin-top: 8px; }
.slide-description { line-height: 1; }
.carousel-caption .btn-xl { padding: 20px 30px; }
.carousel-control.right, .carousel-control.left { background: none; opacity: .4; }
.full-feature { float: none; display: block; clear: both; width: 100%; margin-bottom: 10px; }
.sub-page-wrapper .btn-primary:hover { background-color: #fff!important; }
div.add-phone-foot p { font-size: 16px; }
.sub-page-wrapper .page-wrapper p a img {
float: inherit;
width: inherit;
max-width: 100%;
}
p.pQa::before {
    margin: -10px auto -70px;
}
.contact-modal .modal-content h2 {
    margin-bottom: 15px;
    font-size: 24px;
    border-bottom: 1px solid #ededed;
    padding-bottom: 15px;
    text-transform: uppercase;
}
h3.ui-accordion-header { font-weight: bold!important; color: #1f5a98!important; }
h3.ui-accordion-header:hover { color: #555!important; }
.socialFront, .newsFront { width: 29%; }
.socialFront h2, .newsFront h2 { text-align: center;  }
.videoFront { width: 42%; padding: 0 0 40px 0; }
.container.svp{ width: 90%; }
#socialFrontBox div.postListItem, #newsFrontBox div.postListItem { display:none; }

#newsFrontBox .col-sm-3 { float: none!important; width: 100%!important; }
#newsFrontBox .col-sm-9 { display: none!important; }
#socialFrontBox .col-sm-3 { display: none!important; }
#socialFrontBox .col-sm-9 { width: 100%!important; }
#newsFrontBox .col-sm-3 img { width: 100%; max-width: 100%; }
#newsFrontBox .row.articlesFeature { width: 50%; float: left; margin-left: 0; margin-right: 0;  }
#newsFrontBox p { text-align: center; width: 100%;  }
#newsFrontBox p a, #socialFrontBox p a { text-transform: uppercase; color: rgb(51,51,51); letter-spacing: 4px; font-size: 14px; }
#newsFrontBox p, #socialFrontBox p { clear: both; }
#socialFrontBox p { text-align: left; font-size: 14px; }
#socialFrontBox p a { font-size: 14px; }
#socialFrontBox .articlesFeature.postListItem_4 { padding-bottom: 30px; }
#socialFrontBox .articlesFeature.postListItem_0 { padding-top: 20px; }
#socialFrontBox .row.articlesFeature h3 { display: inline; font-size: 18px; letter-spacing: 1px; width: max-content; }
#socialFrontBox .row.articlesFeature h3:before, #newsFrontBox p a:before, #socialFrontBox p a:before { content: '\00BB \00A0'; }
#socialFrontBox .row.articlesFeature h3:after { content: ' \00A0 [Read More]'; text-transform: uppercase; font-size: 14px; color: #777; }
#socialFrontBox .row.articlesFeature a { color: rgb(51,51,51); }
#socialFrontBox .row.articlesFeature a:hover { color: rgba(230,58,70,1); transition: 1s; }
#socialFrontBox .row.articlesFeature h3:hover:after, #socialFrontBox p a:hover, #newsFrontBox p a:hover { color: rgba(230,58,70,1); transition: 1s; }
#socialFrontBox .fdTm, #socialFrontBox .excerpt-wrap, #socialFrontBox .read-more-blog, #newsFrontBox .fdTm, #newsFrontBox .excerpt-wrap, #newsFrontBox .read-more-blog { display: none; }
#socialFrontBox span.dtTm, #newsFrontBox span.dtTm { font-size: 13px; margin-bottom: -14px; clear: none; }
#socialFrontBox p:first-of-type, #newsFrontBox p:first-of-type { display: none; }
#socialFrontBox .articlesFeature { padding-bottom: 14px; margin-bottom: 14px; border-bottom: none;
}

.videoFront h2, .socialFront h2, .newsFront h2 { display:none; }
.videoFront .embed-container-full-width { margin-top: 0; }
.videoFront p { text-align: center; font-family: 'Raleway'; text-transform: uppercase; font-size: 12px; letter-spacing: 8px; color: #9d9d9d; padding: 8px 0 0 0; font-weight: 300; }
.newsEventRow { background-color: #ededed; margin-top: 0; padding-top: 40px!important; padding-bottom: 40px!important; }
.newsSecondRow { margin-top: 0; padding-top: 10px!important; padding-bottom: 30px!important; }
#eventsStandaloneRow, #newsStandaloneRow { margin: 0 auto; padding: 0 80px 40px 80px; max-width: 1200px; clear: both; }
#newsStandaloneRow { padding-top: 40px; }
#eventsStandaloneRow h2, #newsStandaloneRow h2, #stayInformed h2 { font-family: 'Raleway'; text-transform: uppercase; letter-spacing: 8px; width: 100%; text-align: center; font-size: 26px; font-weight: 400; }
#eventsStandaloneRow h2{ padding-bottom: 40px; padding-top: 10px; }
#newsStandaloneRow h2, #stayInformed h2 { font-size: 22px; letter-spacing: 6px; text-align: left; }
#stayInformed a.full-feature { background-color: #fff; color: rgb(51,51,51); border-color: rgb(51,51,51); }
#stayInformed a.full-feature:hover { background-color: rgb(51,51,51); color: #fff; transition: 2s; }
#socialFrontBox { width: 66%; float: left; }
#stayInformed { width: 30%; float: right; }
#stayInformed h2 { text-align: center; }
#stayInformed p { padding-top: 18px; }
#stayInformed p:nth-of-type(2) { padding-top: 36px; }

@media (max-width: 899px) {
    #socialFrontBox { width: 100%; float: none; }
#stayInformed { width: 100%; float: none; }
#stayInformed h2 { text-align: left; padding-top: 40px; }
#stayInformed p { text-align: left!important; }
#stayInformed p:nth-of-type(2) { padding-top: 36px; }
}

@media (max-width: 599px) {
    #eventsStandaloneRow {
    padding: 0 10px 40px 10px;
    }
    #newsStandaloneRow{
    padding: 0 20px 40px 20px;
    }
    #newsFrontBox .row.articlesFeature {
    margin-bottom: 0;
}
}

@media (min-width: 768px ) {
    .videoFront p { padding: 8px 8px 0 8px; padding: 8px 8px 0 8px;
    max-width: 610px;
    margin: 0 auto; }
    .socialFront, .newsFront { padding: 0 5% 100px; width: 27%; height: 10px; }
    .socialFront a.previous, a.next { padding: 4px 12px 4px!important; font-size: 22px!important; }
    #svpHeading { font-family: 'Playlist', sans-serif; width: 100%; text-align: center; color: #fff; font-size: 60px; font-weight: 100; }
   
    .videoFront { padding: 0 0; width: 46%; }
    .socialFront ul, .newsFront ul { padding: 0; margin: 0; }
    .socialFront ul li, .newsFront ul li { list-style: none; }
    .socialFront p, .newsFront p { padding-right: 14px; padding-left: 14px; }
    #newsFrontBox p { font-size: 14px; }

    .videoFront h2, .socialFront h2, .newsFront h2 { text-align: center; padding-top: 60px; text-transform: uppercase; font-family:'Raleway', sans-serif; font-weight: 400; letter-spacing: 3px; color: #fff; position: absolute;  bottom: -10px; width: max-content; margin-left: auto; margin-right: auto; left: 0; right: 0; } }
.blogEventHeader {
    color: #000;
    position: inherit;
    margin-left: inherit;
    margin-right: inherit;
    bottom: inherit;
}

#introPanel p.p-h2 {
    text-align: center;
    font-family: 'Caveat';
    font-size: 46px!important;
    margin: 10px 0 12px 0;
    }

#top-tray-give .btn-primary { border-color: #203870; background-color: #203870; }
.videoFront h2 { 
    text-align: center;
    font-family: 'Caveat';
    font-size: 46px;
    margin: 0 0 30px 0; }
#finalThree { background: #ededed; }
.lftPplImg { float: left; margin: 0 20px 20px 0; width: 22%; height: 180px; background-size: cover; background-position: center 0; }
[id^="site__modal"] { background-color: rgba(0,0,0,.5);  }
[id^="site__modal"] .modal-body { padding: 15px; }
[id^="site__modal"] .footer .btn-info { width: 80%!important; }
[id^="site__modal"] .footer .btn { display: block; margin: 0 auto; }
[id^="site__modal"] img { max-width: 100%; }
[id^="site__modal"] p { margin: 0 0 10px 0; }
[id^="site__modal"] p.padded { margin: 0 auto 10px auto; width: 80%; }
[id^="site__modal"] .modal-dialog { width: 60%; margin-left: auto; margin-right: auto; }
[id^="site__modal"] .embed-container-full-width { margin: 0; }

div#slideshow { height: 78vh; }
div#last-section .post { margin-bottom: 65px; }
div#last-section .post h4 { font-size: 16px; font-weight: bold; }
#fpPosts { width: 100%; background-color: #ad2531; padding: 26px 0 40px!important; }
#fpPosts a { color: #fff; font-weight: bold; }
#fpPosts a:before { content:"\00bb \00a0 "; }
#fpPosts a:hover { text-decoration: underline; }
.fppTtl { text-align: center; color: #fff; font-size: 24px; padding-bottom: 0; }
.fppMore { text-align: center; padding-top: 0; }
.fppMore a { font-style: italic; font-weight: normal!important; }
.fppSpace { height: 20px; }
#fpPosts .fppMore a:before { content:""; }
.gcalWrap { position: relative; padding-bottom: 80%; padding-top: 25px; height: 0; }
.gcalWrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.footertimes { text-align: left; border: none; font-size: 14px; width: 80%; margin: 0 auto; }
.modaltimes { text-align: left; border: none; font-size: 14px; width: 100%; margin: 0 auto; }
.articlesFeature { padding-bottom: 30px; margin-bottom: 30px; border-bottom: none;}
.articlesFeature h3 { margin-top: 0; }
.articlesFeature .btn { margin-top: 20px; }
h1, .p-h1 { font-size: 40px!important; font-weight: normal;   color: #000; }
.page-header h1 { margin-bottom: 13px; }
.modaltimes td { min-width: 60px; vertical-align: top;padding: 4px 0 4px 0;}
.contact-modal .modal-content { padding: 60px 0; }
.form-label-left { width: inherit!important; float:inherit!important; }
.btnspace { margin: 0 4px 4px 4px; font-size: 12px; }
.btnspace:hover { color: #fff!important; text-decoration: underline; }
.threeNextRow { clear: both; height: 40px; }
#newsletterSignup h2#formTitle_102 { display:none; }
#newsletterSignup #formModule_102 .btn { margin-top: 10px; }
#newsletterSignup #formModule_102 { font-size: 14px; color: #000; }
#newsletterSignup #formModule_102 a { color: #000!important; text-decoration: underline; }
.embedForm input[type=checkbox], .embedForm input[type=radio] { vertical-align: middle; }
input[type="text"], input[type="password"], input[type="email"], .ui-autocomplete-input, textarea, .uneditable-input { padding: inherit; font-size:14px; color:#555; border: 1px solid #ccc; }
.loc_lower_left { width: 46%; float: left; text-align: left;}
.loc_lower_right { width: 46%; float: right; text-align: right; font-weight: bold;}
#visit-box { color: #333; }
#visit-box .col-sm-6 { line-height: 1; font-size: 14px; }
#visit-box .col-sm-6 table { font-size: 14px; margin-bottom: 10px; }
#visit-box .col-sm-6 table .visitTblTtl { font-size: 16px; font-weight: bold; }

#visit-box .table>tbody>tr>td, #visit-box .table>tbody>tr>th, #visit-box .table>tfoot>tr>td, #visit-box .table>tfoot>tr>th, #visit-box .table>thead>tr>td, #visit-box .table>thead>tr>th { border-top: 0; }

#visit-box .table-condensed>tbody>tr>td, #visit-box .table-condensed>tbody>tr>th, #visit-box .table-condensed>tfoot>tr>td, #visit-box .table-condensed>tfoot>tr>th, #visit-box .table-condensed>thead>tr>td, #visit-box .table-condensed>thead>tr>th { padding: 2px; }

#serviceTimes table, .footer2 table { font-size: 16px; margin-bottom: 10px; }
#serviceTimes table .visitTblTtl, .footer2 table .visitTblTtl { font-size: 16px; font-weight: bold; }
.footer2 table { margin: 11px auto; width: 96%; line-height: 1.2; }

.footer2 .table>tbody>tr>td, .footer2 .table>tbody>tr>th, .footer2 .table>tfoot>tr>td, .footer2 .table>tfoot>tr>th, .footer2 .table>thead>tr>td, .footer2 .table>thead>tr>th { line-height: 1.2; }

#serviceTimes table tr td, .footer2 table tr td { text-align: left; }

#serviceTimes .table>tbody>tr>td, #serviceTimes .table>tbody>tr>th, #serviceTimes .table>tfoot>tr>td, #serviceTimes .table>tfoot>tr>th, #serviceTimes .table>thead>tr>td, #serviceTimes .table>thead>tr>th, .footer2 .table>tbody>tr>td, .footer2 .table>tbody>tr>th, .footer2 .table>tfoot>tr>td, .footer2 .table>tfoot>tr>th, .footer2 .table>thead>tr>td, .footer2 .table>thead>tr>th { border-top: 0; }

#serviceTimes .table-condensed>tbody>tr>td, #serviceTimes .table-condensed>tbody>tr>th, #serviceTimes .table-condensed>tfoot>tr>td, #serviceTimes .table-condensed>tfoot>tr>th, #serviceTimes .table-condensed>thead>tr>td, #serviceTimes .table-condensed>thead>tr>th { padding: 2px; }

@media (max-width: 599px) {
    .lftPplImg { width: 34%; }
    
}

@media (max-width: 499px) {
    .lftPplImg { float: right; width: 34%; height: 120px; margin: 0 0 20px 20px; }
    .more-less {clear: both;}
}

.modal-dialog { width: 80%; opacity: .97; }
#newsletterSignup .nl_interest .full-width { width: 80%; margin: 0 0 0 10%; }
@media (min-width:1260px) {
    #newsletterSignup .nl_interest { width: 100%; margin: 10px auto; }
#newsletterSignup .nl_interest .full-width:nth-child(even) { float: left; width: 40%; margin-left: 8%; }
#newsletterSignup .nl_interest .full-width:nth-child(odd) { float: right; width: 40%; margin-left: 0;}
}
.give-image { background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 50%;
    width: 220px;
    height: 220px;
    top: -40px;
    left: -40px; }
#give-btn, .mobile-display { display:none; }
.navbar-header, .navbar-header a.navbar-brand { padding: 20px; max-height: 100%; min-height: 0; }
.sub a.navbar-brand.page-scroll, a.navbar-brand.page-scroll { background-position: center; }
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand { margin: 0 auto!important;
    margin-left: 0px!important;
    padding: 0!important;
    min-height: 170px!important;
    min-width: 260px!important;
    width: 110px;
    top: -19px;
    position: absolute; }
.navbar-header { z-index: 10; }
	
@media(max-width:899px){
	.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand { margin: 0 auto!important; margin-left: 5px!important; padding: 0!important; min-height: 50px!important; width: 130px; background-color: transparent!important;margin-top: -10px!important; }
	nav#mainNav, nav#mainNav * { max-height: 105px; margin: 0 auto; }
	#qedCarousel > .slide > .container {
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjciLz4KICAgIDxzdG9wIG9mZnNldD0iMzUlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
		background: -moz-linear-gradient(top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 25%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.7)), color-stop(25%,rgba(0,0,0,0)));
		background: -webkit-linear-gradient(top, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 25%);
		background: -o-linear-gradient(top, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 25%);
		background: -ms-linear-gradient(top, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 25%);
		background: linear-gradient(to bottom, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 25%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3000000', endColorstr='#00000000',GradientType=0 );
	}
}
	
@media(min-width:600px) and (max-width:767px){
	/*.navbar-header, .navbar-header a.navbar-brand {	padding: 5px 20px; }*/
}

.grid-row-1 { display: block; }
.grid-row-2 { display: block; }
#grid .more-btn { display:none; }
a.grid-item { height: 165px; }
#grid a.grid-item { display: table; }
#grid a.grid-item .content { display: table-cell; padding: 0!important; vertical-align: middle; }
#grid a.grid-item .content h3 {
    padding-top: 0; padding-left: 0; padding-right: 0;
    margin-top: 0;
}
@media (max-width: 767px ) {
    #grid .col-sm-3 { width: 100%; margin-top: 8px; }
}
@media (min-width: 768px ) {
    div#grid {  padding: 10px 10px 10px 10px; background-color: transparent; }
    #grid .grid-row-1 .col-sm-3 { width: calc(25% - 28px); margin: 14px; }
    #grid .grid-row-2 .col-sm-3 { width: calc(20% - 28px); margin: 14px; }
    .grid-right .row { margin-left: 0; margin-right: 0; }
	
	.home nav#mainNav > .container, nav#mainNav > .container, nav#mainNav { width: 100%; padding: 0!important; margin: 0; min-height:80px; }
	nav#mainNav a, .home nav#mainNav > .container, nav#mainNav > .container, nav#mainNav { color: #fff; }
	nav#mainNav .container .navbar-collapse { padding:0; width:100%; min-width: 0; max-width: 100%; }
		.home nav#mainNav, .sub nav#mainNav { background: #203870;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: 0 0; background-image: linear-gradient(to bottom, rgba(255,255,255,1) 0, rgba(255,255,255,1) 70px, transparent 70px)!important; }
    .navbar-fixed-top {
        background-image: none;
    }
	ul.nav.navbar-nav.navbar-right { text-align: center; float: none; position:relative; z-index: 100; }
	ul.nav.navbar-nav.navbar-right > li { float: none; display: inline-table; margin: 0 0 0 20px; }
	ul.nav.navbar-nav.navbar-right > li ul.submenu { min-width:200px; }
	
	body.home #mainNav > .container .submenu a { color: #fff!important; }
}

ul.nav.navbar-nav ul.submenu {
    background-color: #fff!important;
}

@media (min-width: 900px) { 	
     ul.nav.navbar-nav.navbar-right>li:first-of-type:after {
    content: "";
    position: absolute;
    bottom: -25px;
    left: 0;
    border-left: 44px solid transparent;
    border-right: 45px solid transparent;
    border-top: 25px solid #ededed;
    border-bottom: none; 
}
 

    ul.nav.navbar-nav.navbar-right>li:first-of-type {
        position: absolute;
        left: auto;
        right: 642px;
        top: -39px;
        padding: 43px 14px 30px;
        background-color: #ededed;
        border-top-left-radius: 6px;
        border-top-right-radius: 1px;
        filter: drop-shadow(8px 4px 6px #444444);
    }

    ul.nav.navbar-nav.navbar-right>li:first-of-type a {
        color: #000!important
    }

    ul.nav.navbar-nav.navbar-right>li:first-of-type .submenu {
        display: none
    }


    ul.nav.navbar-nav.navbar-right>li:first-of-type:before {
        content: "";
        position: absolute;
        top: 0;
        right: -10px;
        border-left: 5px solid silver;
        border-right: 5px solid transparent;
        border-top: 5px solid transparent;
        border-bottom: 5px solid silver;
    }

    ul.nav.navbar-nav.navbar-right>li:first-of-type {
        transition: padding .2s linear;
        cursor: pointer
    }
    
    ul.nav.navbar-nav.navbar-right>li:first-of-type span.top-level-item a {
    font-size: 13px;
    letter-spacing: inherit;
    }

    ul.nav.navbar-nav.navbar-right>li:first-of-type a {
        pointer-events: none
    }

.navbar-default .nav li a { letter-spacing: normal; }

    ul.nav.navbar-nav.navbar-right>li:focus:first-of-type,ul.nav.navbar-nav.navbar-right>li:hover:first-of-type {
        padding: 48px 14px 33px!important
    } 
	div#top-bar { background-color: #C0C0C0; padding: 8px 0; overflow: hidden; }
	div#top-bar, div#top-bar a, div#top-bar p, div#top-bar span { color: #333333; } 
	
	div#qed-theme-nav-menu { height: 300px; padding: 22px; margin-left: -15px; margin-right: -15px; }
	.home div#qed-theme-nav-menu { border-bottom: none;}
	ul.nav.navbar-nav.navbar-right > li { margin: 0 0 0 30px; }
	
	
    ul.nav.navbar-nav.navbar-right { text-align:right; }	
.top-level-item a.fa-search { font-size: 20px!important; font-weight: 100!important; margin-top: -9px; background-color: #fff; padding: 10px!important; border-radius: 50%; margin-bottom: -10px; color: #000!important; position: relative;
    top: 2px; }

	ul#visit-menu, ul#visit-menu li, nav#visit-menu, nav#visit-menu a, nav#top-give-menu, nav#top-give-menu a { display: inline-block; margin: 5px 20px; }
	#nav-give-tab a { color: #fff; }
    .giveBeyond { background-color: inherit; }
	ul#visit-menu, nav#visit-menu, nav#top-give-menu { margin: 0 auto 30px auto; float: none; display: block; width: 100%!important;text-align: center; min-width: 0!important; padding: 0; }
	#give-btn { display: block;float: right; padding: 9px 12px;  margin: -10px 0 -10px 20px;background-color: #000; transition:all 0.3s ease; opacity:1; color: #fff!important; font-size: 13px; }
	div#top-bar a#give-btn:hover { opacity:1; color:#ad2531; }	

}

@media (-ms-high-contrast:none) {
     ul.nav.navbar-nav.navbar-right > li:first-child { top: -52px; margin-bottom: -94px; }
     }
@media (min-width:900px) and (max-width:1259px) {
	
	ul.nav.navbar-nav.navbar-right > li, .home ul.nav.navbar-nav.navbar-right > li { margin: 0 0 0 20px; }
	ul.nav.navbar-nav.navbar-right > li a { padding-left:0; }

	.sub a.navbar-brand.page-scroll, .navbar-brand.page-scroll { float:left; }

}	
@media (max-width: 899px) and (min-width: 768px) { .navbar-fixed-top { background-color: #203870; }
.home nav#mainNav, .sub nav#mainNav { 
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: 0 0;
}

nav.navbar.navbar-default.navbar-fixed-top .navbar-header.page-scroll, nav.navbar.navbar-default.navbar-fixed-top a.navbar-brand {
    height: 85px;
}
}
@media (min-width:900px) and (max-width:992px){

}	

@media (min-width:920px) and (max-width:991px){

}

@media (min-width:900px) and (max-width:919px){

	.sub ul.nav.navbar-nav.navbar-right > li { margin:-4px 0 4px 6px; }

}
	
@media (max-width:899px){ 
	div#top-tray-give, div#qed-theme-nav-menu { display: none; }	
	.navbar-default button.navbar-toggle.collapsed, .navbar-default .navbar-header .navbar-toggle { float:right; }
}
	
@media (max-width:899px){
	.mobile-display { display:block; }
	div#slideshow {
    margin-top: 94px; height: 56vh!important;
}
	.navbar-header { max-width:100%; }	
	.slide-description { display:none; }
	.navbar-default button.navbar-toggle.collapsed, .navbar-default .navbar-header .navbar-toggle { float: right; margin-right:0; margin: 22px 0 16px 0; }
	.navbar-collapse i.fa { display:none; }
	ul.nav.navbar-nav.navbar-right>li.open-sub ul.submenu { margin-top: -10px!important; margin-bottom: 10px!important; }
	ul.nav.navbar-nav.navbar-right>li.open-sub ul.submenu li { padding-left: 5px!important; padding-bottom: 0; margin-top: -10px; } 
	.form-label-left { width:100%!important; font-weight:normal; }
	div#last-section .container-fluid .col-md-6 h2 { font-size: 21px; text-align: center; }
	a.read-sub-link { width: calc(100% - 60px); text-align: center; margin: 10px auto 0 auto; float: none; } 
	div#subpage { padding: 25px 40px; }
	div#subpage p.p-h2.p-h1, div#subpage p.p-h2 { margin-bottom: -15px; font-weight: normal; }
	.sub nav#mainNav { border:none; -moz-box-shadow:0 2px 12px rgba(0,0,0,0.35); -webkit-box-shadow:0 2px 12px rgba(0,0,0,0.35); box-shadow:0 2px 12px rgba(0,0,0,0.35); }
	a.clr.fr.more-lnk { float: right; margin: 50px 0 0 0; padding: 20px 20px 0 20px; width: 100%; text-align: center; }
	.owl-carousel .owl-item { padding:0 50px; }
	div#sermon-carousel { padding:0 40px; }
	div#sermon-carousel .owl-item { padding:0; }
	#sermon-carousel .owl-controls, #sermon-carousel .owl-controls .owl-dots { width:100%; text-align:center; }
	section#events { display:none;}
	nav#mainNav .navbar-collapse, nav#mainNav .navbar-collapse * { max-height: none; }

	/* More/Less FIX */
	#subpage .more-less p.continued { bottom: -40px; }
	#subpage .more-less .adjust { bottom: -60px; }

	/* Bottom MOBILE Bar */
	div#top-bar{ display:none; }
	
	div#info-bar { display:block; width: 100%!important; top: auto!important; bottom:0; }
	div#info-bar .container, div#info-bar .row, div#info-bar .location { width: 100%; }
	div#info-bar .location span { display: block; width: 50%; text-align: center; }
	 div#info-bar .location span:nth-child(1) { display: none; }
	 span.infoBarClock { display:none; }
	div#info-bar .location span * { width:100%; display:block; height:auto; padding:0; margin:0; float:left; }
	div#info-bar .location span.mobileGive a { display: block; width: 100%; height: 65px; }
	div#info-bar .location span i.fa { padding:20px 10px; float:none; text-align:center; }
	div#info-bar, div#info-bar * { max-height: 100%; text-decoration:none!important; width: 100%; }
	div#info-bar {transition: bottom 0.2s ease-in-out; display: block; z-index: 9999; position: fixed; max-height: 100%; margin: 0; padding: 0; width: 100%!important; height: 64px; top: auto!important;  } .djbarup {bottom: 0;} .djbardown { bottom: -65px; }
	a.navbar-brand.page-scroll { margin-left: -25px;}
	
	.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand { min-width:80px!important; }
	div#qed-theme-nav-menu.in, div#qed-theme-nav-menu.collapsing { display:block!important; }
	
	nav#mainNav { max-height: 150px; padding: 0 0 20px 0!important; }
	ul.nav.navbar-nav.navbar-right>li.open-sub ul.submenu { margin-top:0!important; }
	nav#mainNav ul.nav.navbar-nav.navbar-right>li.open-sub ul.submenu li { line-height: 20px; padding-bottom: 10px; }
}
@media (max-width:767px){	
	nav#mainNav { padding:0!important; }
	div#grid {  padding: 0 0 8px 0; background-color: #fff; }
}	

@media (max-width:599px) {
    #newsletterSignup .nl_interest .full-width { width: 100%; margin: 0; }
    .contact-modal .close-modal { top: 10px; right: 14px; }

}

.contact-modal .close-modal .lr, .contact-modal .close-modal .lr .rl { height: 50px; }

div.side-news-events { padding-top: 20px; }
div.sideposts{ margin-top: 8px; }
div.sideposts .sidepostimg { float: left; width: 25%; padding:0; margin:0; overflow: hidden; }
div.sideposts .sidepostimg a { display: block; height: 70px; }
div.sideposts .sideposttext { width: 71%; float: right; padding:0; margin:0;  }
div.sideposts .sideposttext p { font-size: 12px; padding: 4px 0 0 0; margin:0;line-height: 1.1; }
div.sideposts .sideposttext p.sbttl { font-size: 14px; padding-top: 0; margin-top: 0; line-height: 1; }
p#ppl1 { margin-top: -8px; }
.pplBioImgRight { float: right; width: 40%; margin: 0 0 16px 16px; }
.pplBioImgLeft { float: Left; width: 40%; margin: 0 16px 16px 0; }
.peopleForm { display: none; }

.peopleWrap { width: 98%; margin: 0 auto 40px auto; clear: both; }
.standardWrap { width: 98%; margin: 0 auto 40px auto; clear: both; }
div.peopleSingle { width: 22%; float: left; margin: 0 1%; text-align: center; height: 320px; margin-bottom: 20px;}
.peopleSingleImg { height: 190px; background-size: cover; background-position: top center; }
div.peopleSingleImg span, .sidestaffimg span { display: block; width: 100%; height: 100%; }
.peopleFeature { margin: 0 auto 40px; width: 50%; }
div.peopleFeature div.peopleSingle { margin: 0 auto; width: 100%; height: 390px; }
.standardWrap div.peopleSingle { width: 31%; margin: 0 auto; float: none; text-align: center; }
div.peoplePairWrap { width: 66%; margin: 0 auto 40px; }
div.peoplePairWrap div.peopleSingle { width: 46%; margin: 0 2%; }
.pplName { width: 100%; text-align: center; font-weight: 700; }
.pplTtl, .pplPhn { width: 100%; text-align: center; font-weight: normal; font-size: 14px; }
.pplEmlBio { width: 50%; text-align: center; margin-left: auto; margin-right: auto; }
.threeNextRow { clear: none; display: none;}

@media (max-width: 599px) { .peopleForm { display:block; float:none; clear: both; position: relative; width:100%; margin: 8px 0; border: 1px solid #ccc; } div.peopleSingle, div.peoplePairWrap div.peopleSingle, div.peopleFeature div.peopleSingle, div.standardWrap div.peopleSingle { width: 100%; margin: 20px 0; clear: both; } .peopleSingleImg, div.peopleFeature div.peopleSingle .peopleSingleImg, div.standardWrap div.peopleSingle .peopleSingleImg { height: 220px; width: 45%; float: left; } .peopleWrap, div.peoplePairWrap, div.peopleFeature, div.standardWrap {width: 100%; margin: 0; height: auto; } .pplName, .pplTtl, .pplPhn, .pplEmlBio { width: 50%; float: right; text-align: left; } div.peopleFeature div.peopleSingle { height:inherit; } .threeNextRow { clear: none; display: none;} }

.footer1, .footer2, .footer3 { padding-top: 10px; padding-bottom: 10px; text-align: left; }
footer#main-footer .add-phone-foot { text-align: left; }
.sermons-module { font-size: 14px; }
.sermons-module .event-date { font-weight: 700; }
.tab-pane .row .col-sm-8 p, .tab-pane .row .col-sm-9 p { padding-left: 30px; margin-top:4px; }
div.navbar-header{ margin-top: -36px; z-index:1000;  }
.home div.navbar-header{ background-color: transparent;  box-shadow: none; }
.home div#content-wrapper { padding-bottom: 0; }
.subapge-side-link span { font-size: 14px; }
.subapge-side-link { color: #fff; background-image: none!important; }
.sub-page-wrapper ul { padding: 0 0 20px 20px; }
#sidebar-wrapper #myCarousel { margin-top: 21px; }
#sidebar-wrapper .carousel-indicators { position: relative; bottom: inherit; margin: 0; left: 0; width: 100%; text-align: left; padding-top: 20px; }
#sidebar-wrapper .carousel-indicators .active{ width: 40px; height: 40px; }
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev { top: 50%; }
#sidebar-wrapper ul.sermons-module { padding: 0 5px; }
#sidebar-wrapper ul.sermons-module li { line-height: 1.3; margin-bottom: 16px; }
ul.nav.navbar-nav.navbar-right > li, ul.nav.navbar-nav.navbar-right > li a, ul.nav.navbar-nav.navbar-right > li * { font-size: 13px; }
.side-event-day-time {color: #000; font-size: 14px; font-weight: 600; clear: left; padding-top: 10px; }
.side-event-title {color: #000; font-size: 12px; font-weight: 400; clear: left; width: 90%;}
.side-event-add {float: right; font-size: 14px;}
.sidebardivider { height: 40px; }
.sidemenuoptiona { padding: 16px 0; }
.sidestaffimg { width: 33%; float: left; height: 120px; background-size: cover; overflow: hidden; background-position: top center; }
.sidestaffdata { width: 63%; float: right; }
li.sidepplind { width: 40px; height: 40px; background-size: cover; overflow: hidden; background-position: top center; border-radius: 20px; }

.mapWrapper { position: relative; padding-bottom: 50%; padding-top: 25px; height: 0; }
.social-lower-right { width: 60%; float: right; }
.socialFooter { float: right; width: auto; }
.socialFooterL { width: 18%; float:left; display:block; }
.socialFooterR { width: 78%; float:right; display:block; font-size: 13px; text-align: left; padding-top: 16px;}
.socialFooterB { padding-left: 0; }
.socialFooterRowItem { float: left; width: 29%; margin: 2% 0 2% 4%; }
div#last-section {
    margin-bottom: 0;
}
footer a { font-weight: bold; }
.footer1 img, .footer2 img, .footer3 img { width: 100%; }
.footer1 .clr, .footer2 .clr { height: 30px; }
.footer3 .clr { height: 8px; }
.footer3 { text-align: right; }
.logo50H { width: 30%; float: left; height: 50px;}
.clrcol3 { clear: both; height: 60px; }
.logo50L { width: 34%; float: left; }
.logo50R { width: 34%; float: right; }
.logo50R img, .logo50L img { width: 100%; }
.footer1 .btn-primary { margin-top: 20px; margin-bottom: 0; }
.footer1 .add-phone-foot p { text-align: left; line-height: 1.4; }
.footer2 .add-phone-foot p { text-align: left; line-height: 1.4; font-size: 16px;}
.footer3 .add-phone-foot p { text-align: left; line-height: 1.4; font-size: 16px; }
.footer3 .add-phone-foot ul { text-align: left; }
.footer3 .add-phone-foot ul li { font-size: 14px; }
.footer3 .add-phone-foot ul li a, .footer3 .add-phone-foot ul li a:visited { font-weight: bold; color: #fff;}
.footer3 .add-phone-foot ul li a:hover { font-weight: bold; color: #fff; text-decoration: underline;}
#subpage-loop-wrapper h2 { padding-bottom: 18px; border-bottom: 1px solid #eeeeee; margin-bottom: 10px; }
#subpage-loop-wrapper .group1, #subpage-loop-wrapper .group2 { padding: 0 0 10px 0; margin: 0 0 10px 0; border-bottom: 1px solid #eeeeee; }
#subpage-loop-wrapper .group1 .sidepplimg0 { float: left; width: 40%; height: 120px; background-size: cover; overflow: hidden; background-position: top center; }
.sidettl, .sidephn { font-size: 12px; }
#subpage-loop-wrapper .group1 .sideppldata0 { float: right; width: 56%; }
#subpage-loop-wrapper .group2 .sidepplimg { float: right; width: 33.3%; height: 100px; background-size: cover; overflow: hidden; background-position: top center; }
#subpage-loop-wrapper .group2 .sideppldata { float: left; width: 63%; }
#subpage-loop-wrapper .group1 .sidename, #subpage-loop-wrapper .group2 .sidename { padding-top: 0; font-weight: bold; }
#subpage-loop-wrapper .group3 .sidepplimg { float: left; width: 33.3%; height: 90px; background-size: cover; overflow: hidden; background-position: top center; }
#subpage-loop-wrapper .group3 .sideppldata { display:none; }
div#body-wrapper #whats-new figure.crsl-item span.posted a.transition-all .fa, div#body-wrapper #whats-new figure.crsl-item span.posted span.time-ago { display:none; }
.home div#body-wrapper #whats-new figure.crsl-item span.content-wrap { height: 130px; }
#about h2.section-heading.container { margin: 13px auto 12px; }
#grid-2-title-row { margin: 40px auto 12px; }
#latest-sermons h2.section-heading.container { margin: 13px auto 36px; }
#grid-2-title-row { text-align: center; font-weight: 600; font-size: 16px; text-transform: uppercase; }
#grid-2-title-row:after {
    content: '';
    display: block;
    margin: 11px auto 0px auto;
    width: 150px;
    height: 2px;
    background-color: #203870;
}
#sermon-carousel .owl-controls { position: relative; top: -10px; }
#latest-sermons .more-lnk { margin-top: 8px; }
section#latest-sermons { background-color: #3e3e3e; }
footer#main-footer { 
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0 0;
    border-top: none; padding-top: 30px; }
nav#mainNav { padding: 20px 0; }
section#events { background-color: #999; }
div#body-wrapper #whats-new figure.crsl-item span.posted a.transition-all .fa { display:none; }
@media (min-width: 768px) { 
    .carousel-caption { right: 12%; left: 12%; padding-bottom: 20px; }
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand { margin-right: -35px; } }
@media (max-width: 1200px) and (min-width: 1020px) { ul.nav.navbar-nav.navbar-right > li, ul.nav.navbar-nav.navbar-right > li > a, ul.nav.navbar-nav.navbar-right > li > span > a { padding-left: 0; } }
@media (max-width: 1199px) {
    .navbar-nav>li:last-child>span>a { margin-left: 0; }
}

@media (max-width: 992px) and (min-width: 768px) { .container { width: 98%; } #visit-box .container { width: 98%; } nav#mainNav > .container { width: 95%; }  ul.nav.navbar-nav.navbar-right > li, ul.nav.navbar-nav.navbar-right > li > a, ul.nav.navbar-nav.navbar-right > li > span > a { letter-spacing: normal; } }
@media (min-width: 768px) { .sub a.navbar-brand.page-scroll, .navbar-brand.page-scroll { background-position: center; min-width: 310px; min-height: 95px; } }

@media (min-width: 992px) { .sub a.navbar-brand.page-scroll, a.navbar-brand.page-scroll { background-position: 0 center; min-width: 310px; min-height: 95px; } #content .page-header, #content .page-header h1 { margin-top: 0; } div#sidebar-wrapper { padding-top: 1px; } }
#qedCarousel > .slide > .container { background: linear-gradient(to top, rgba(255,255,255,0), rgba(255,255,255,0), rgba(255,255,255,0), rgba(255,255,255,0), rgba(255,255,255,0), rgba(255,255,255,0.1), rgba(255,255,255,0.3), rgba(255,255,255,1)), radial-gradient(ellipse closest-side at 30% 70%, rgba(0,0,0,.5) 0%, rgba(0,0,0,.5) 1%, rgba(0,0,0,.5) 5%, rgba(0,0,0,.4) 15%, rgba(0,0,0,.2) 60%, rgba(0,0,0,0) 100%), radial-gradient(
      100px at top center,
      rgba(255,255,255,0),
      rgba(255,255,255,0));  }
      #qedCarousel > .slide > .container { background: none; }
#subpage a { font-weight: 600; }
figcaption { font-weight: normal!important;}
#whats-new .crsl-items figcaption { font-size: 14px; line-height: 1.35; }
footer a { color: #fff; background-color: transparent!important; }
footer a:hover { color: #777; }
footer a.btn { color: #203870!important; background-color: #fff!important; border-color: #ccc; }
footer a.btn:hover { color: #fff!important; background-color: #777!important; border-color: #ccc; }
footer .fa { font-size: 68px; margin: 0 10px; }
#locAddress .modal-content p { margin-bottom: 0; }
@media (max-width: 767px){
    .navbar-fixed-top { background-color: #203870; }
    .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand { margin-top: -28px!important;  }
    .navbar>.container-fluid .navbar-brand { width: 244px; min-height: 100px!important; margin-left: 0!important; }
    .navbar-header { height: 96px; }
    nav#mainNav .navbar-default button.navbar-toggle.collapsed { margin-top: 10px!important; }
    #content .page-header, #content .page-header h1 { margin-top: 26px; }
    .videoFront, .socialFront, .newsFront { width: 100%!important; }
}
@media (max-width: 1000px) { 
    .videoFront, .socialFront, .newsFront { width: 100%!important; }
    
}
@media (max-width: 599px){ 
    
    .social-lower-right { width: 100%; float: none; }
.socialFooterRowItem { float: left; width: 29%; margin: 2% 2% 2% 2%; }
.footer2 h2, .footer2 p, .footer3 h2, .footer3 p { /* text-align: left!important; */ }
footer#main-footer {
    background-position: top center;
    padding-top: 100px;
}
    .footertimes { font-size: 12px; width: 100%; }
    .modaltimes { font-size: 12px; width: 100%; }
    .footer2 { padding-top: 40px; }
    .share-icons { float:none!important; clear: both; margin-top: 20px; text-align: center; }
    
    h2#homeHeading { font-size: 24px; }
#content .page-header, #content .page-header h1 { margin-top: 26px; }

.sub a.navbar-brand.page-scroll, a.navbar-brand.page-scroll { top: 4px; }
nav#mainNav, nav#mainNav { padding: 6px 0; }
nav#mainNav, nav#mainNav * { max-height: 135px;  } 
.navbar-default button.navbar-toggle.collapsed, .navbar-default .navbar-header .navbar-toggle { margin: 10px 0; }

#qedCarousel > .slide > .container { background: linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,.5), rgba(0,0,0,.1), rgba(0,0,0,0), rgba(0,0,0,0), rgba(0,0,0,0), rgba(0,0,0,0.1), rgba(0,0,0,0.8));  }
#qedCarousel > .slide > .container { background: none; } }

@media (max-width: 767px) { .modal-dialog { width: 95%; } }
@media (min-width: 768px) and (max-width: 991px) {
    #content .page-header, #content .page-header h1 { margin-top: 0; }
    div#sidebar-wrapper { padding-top: 0; }
}
@media (min-width: 768px) and (max-width: 899px) {
    nav.navbar.navbar-default.navbar-fixed-top a.navbar-brand { left: 0; top: 0!important; width: 100%; } ul.nav.navbar-nav.navbar-right { top: 18px; float: none!important; } .navbar-fixed-top { background-color: #fff; }
}
@media (min-width: 900px) and (max-width: 1100px) {
    nav.navbar.navbar-default.navbar-fixed-top a.navbar-brand { left: 0; } 
    ul.nav.navbar-nav.navbar-right > li { margin: 0 0 0 15px; font-size: 12px!important; } ul.nav.navbar-nav.navbar-right > li a, ul.nav.navbar-nav.navbar-right > li *, ul.nav.navbar-nav.navbar-right>li:first-of-type span.top-level-item a { font-size: 12px; }
    a.navbar-brand page-scroll { left: 0; } .navbar-header {float: left;}
}
@media (min-width: 900px) and (max-width: 970px) {
    nav.navbar.navbar-default.navbar-fixed-top a.navbar-brand { margin-left: -15px!important; }
}

@media (min-width: 900px) and (max-width: 950px) {
    nav.navbar.navbar-default.navbar-fixed-top a.navbar-brand { min-width: 220px!important; }
}
@media (min-width: 900px) and (max-width: 920px) {
    nav.navbar.navbar-default.navbar-fixed-top a.navbar-brand { min-width: 200px!important; }
}
@media(max-width: 991px) {
    .footer1 .add-phone-foot p {text-align: center!important;}
    .footer3 img { width: 50%!important; } footer#main-footer {padding-top: 10px;}
}
.topbar1 { width: 10%; } .topbar2 { width: 90%; }