.center .col-lg-1, .center .col-lg-10, .center .col-lg-11, .center .col-lg-12, .center .col-lg-2, .center .col-lg-3, .center .col-lg-4, .center .col-lg-5, .center .col-lg-6, .center .col-lg-7, .center .col-lg-8, .center .col-lg-9, .center .col-md-1, .center .col-md-10, .center .col-md-11, .center .col-md-12, .center .col-md-2, .center .col-md-3, .center .col-md-4, .center .col-md-5, .center .col-md-6, .center .col-md-7, .center .col-md-8, .center .col-md-9, .center .col-sm-1, .center .col-sm-10, .center .col-sm-11, .center .col-sm-12, .center .col-sm-2, .center .col-sm-3, .center .col-sm-4, .center .col-sm-5, .center .col-sm-6, .center .col-sm-7, .center .col-sm-8, .center .col-sm-9, .center .col-xs-1, .center .col-xs-10, .center .col-xs-11, .center .col-xs-12, .center .col-xs-2, .center .col-xs-3, .center .col-xs-4, .center .col-xs-5, .center .col-xs-6, .center .col-xs-7, .center .col-xs-8, .center .col-xs-9, .center .col-xxs-1, .center .col-xs-10, .center .col-xxs-11, .center .col-xxs-12, .center .col-xxs-2, .center .col-xxs-3, .center .col-xxs-4, .center .col-xxs-5, .center .col-xxs-6, .center .col-xxs-7, .center .col-xxs-8, .center .col-xxs-9 {padding:0px;}




/* CENTER */
.center-wrapper{width:100%;height:auto;}

.center-content{position: relative;margin:auto;width:100%;height:100%;text-align:center;-moz-animation-duration: 2s; -moz-animation-delay: 0s; -moz-animation-iteration-count: 1;-webkit-animation-duration: 2s; -webkit-animation-delay: 0s; -webkit-animation-iteration-count:1;}
.w-white .center-content{padding:100px 200px 100px 75px;}
.w-blue .center-content{padding:100px 75px 100px 200px;}

.welcome-center{background:url(/images/design/welcome/s_stcharles1.jpg) no-repeat center center;background-size:cover; min-height:300px;position:relative;width:100%;height:auto;margin:auto;}
.harbour-center{background:url(/images/design/welcome/s_stcharles2.jpg) no-repeat center center;background-size:cover;min-height:300px;position:relative;width:100%;height:auto;margin:auto;}
.membership-center{background:url(/images/design/welcome/s_stcharles3.jpg) no-repeat center center;background-size:cover; min-height:300px;position:relative;width:100%;height:auto;margin:auto;}
.dining-center{background:url(/images/design/welcome/s_stcharles4.jpg) no-repeat center center;background-size:cover;min-height:300px;position:relative;width:100%;height:auto;margin:auto;}

.w-white{ background: url(/images/design/w_white.png) repeat-y center top; background-size:100% 100%;}
.w-blue{ background: url(/images/design/w_blue.png) repeat-y center top; background-size:100% 100%;}

.center-title{font-family: 'Italianno', cursive;font-size: 48px;text-align:left;font-weight:400;line-height:60px;margin: 0px;}
.center-text p{font-size:15px;text-align:left;line-height:24px;font-weight:400;}
.w-white div,.w-white p{color:#333333;}
.w-blue div,.w-blue p{color:#ffffff;}
.w-more{font-size:15px;text-decoration: none; text-transform: uppercase;letter-spacing:.1em;text-align:left;line-height: 120%;text-decoration: none;padding: 20px 0px;font-weight:400;}
.w-white .w-more a{border-radius: 6px;border: 1px solid #8d8d8d;color:#333333;padding:7px 20px;}
.w-white .w-more a:hover{border-radius: 6px;border: 1px solid #8d8d8d;color:#8d8d8d;padding:7px 20px;}
.w-blue .w-more a{border-radius: 6px;border: 1px solid #8d8d8d;color:#ffffff;padding:7px 20px;}
.w-blue .w-more a:hover{border-radius: 6px;border: 1px solid #8d8d8d;color:#8d8d8d;padding:7px 20px;}



/* CALLOUT */
.callout{background: #ffffff url(../images/design/i_content.png) repeat-x left top; height: auto; width: 100%;padding:40px 10px;text-align:center;}
.callout-body{width:100%;max-width:1170px;margin:auto;text-align:left;}
.callout div{font-size:15px;text-align:left;line-height:24px;font-weight:300;}
.callout1,.callout2,.callout3,.callout4{padding:0px;}
.callout1{padding:10px 30px 0px 10px;}	
.callout3{padding-left:10px;}


.map{ background: url(/images/design/i_map.jpg) no-repeat center center;background-size:auto 100%;width:100%;height:500px; }

@media (max-width: 1600px) {
.map{height:400px; }
}

@media (max-width: 1200px) {
.w-white .center-content{padding:70px 100px 70px 50px;}
.w-blue .center-content{padding:70px 50px 70px 100px;}
.map{height:300px; }
}

@media (max-width:991px) {
.callout4{padding-top:20px;}
.callout1{padding:0px 30px 0px 10px;}	

}


@media (max-width:900px) {
.center-title{font-size:42px;}
.w-white .center-content{padding:40px 60px 40px 40px;}
.w-blue .center-content{padding:40px 40px 40px 60px;}
}


@media screen and (min-width: 768px) {
.row-eq-height { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;}
}



@media (max-width: 767px) {

.center-photo{height:400px;}
.w-white{background:none;}

.w-white .center-content,.w-blue .center-content{padding:40px 100px;}

.welcome-center,.membership-center{background:none;background:#ffffff;}
.harbour-center,.dining-center{background:none;background:#011b4c;}

.welcome-center .center-photo{background:#ffffff url(/images/design/welcome/s_stcharles1.jpg) no-repeat center center;background-size:cover;height:400px;}
.harbour-center .center-photo{background:#011b4c url(/images/design/welcome/s_stcharles2.jpg) no-repeat center center;background-size:cover;height:400px;}
.membership-center .center-photo{background:#ffffff url(/images/design/welcome/s_stcharles3.jpg) no-repeat center center;background-size:cover;height:400px;}
.dining-center .center-photo{background:#011b4c url(/images/design/welcome/s_stcharles4.jpg) no-repeat center center;background-size:cover;height:400px;}

.callout1 img{max-width:110px;}
.callout3 img{max-width:100px;}
}

@media (max-width: 700px) {
.w-white .center-content,.w-blue .center-content{padding:40px 50px;}
}

@media (max-width: 560px) {
.callout4{padding-top:5px;}
.callout2{padding:10px 0px 20px 0px;}
.callout1,.callout3{text-align:center !important;}
}


@media (max-width: 500px) {
.w-white .center-content,.w-blue .center-content{padding:20px;}
}



@media (max-width: 450px) {
.center-photo{height:300px !important;}
.center-title{font-size:36px;}
.center-text p{font-size:14px;}
.w-white .center-content,.w-blue .center-content{padding:20px 10px;}
}

@media (max-width: 350px) {
}

@media (max-width: 320px) {
}