@import url('https://fonts.googleapis.com/css?family=Italianno');




#wc_header, .header-wrapper{height:auto;width:100%;}

.content-wrapper,.sub-content-wrapper,.top-titleback, .top-bottomfade{height:0px;display:none;}


.top-wrapper{position:absolute;width:100%;left:0px;top:0px;height:100vh;}

.top-wrapper,.top-header{}
.menunav{z-index:80;}

.top-photo{background:url(/images/design/welcome/w_stcharles1.jpg) center center;background-size:cover;position: absolute; top: 0px !important; left: 0px; height:100vh; max-height:100vh !important;min-height: 100vh;width:100%; -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;z-index:2;}


.flexslider{ z-index: 5; position: absolute; top: 0px !important; left: 0px; height:100vh; max-height:100vh !important;}
.flexslider .slides > li{min-height: 100vh;}


.w-arrow{position: absolute;height: 42px;width: 100%;left: 0px;bottom:20px;text-align:center;z-index:20; -moz-animation-duration: 4s; -moz-animation-delay: 0s; -moz-animation-iteration-count: 1;-webkit-animation-duration: 4s; -webkit-animation-delay: 0s; -webkit-animation-iteration-count:1;z-index:85;}
.top-name{bottom:85px;height:170px;-webkit-transition: all 4s ease;transition: all 4s ease;}
.w-bottomfade{ background: url(/images/design/w_bottomfade.png) repeat-x left bottom; position: absolute; height: 293px; width: 100%; left: 0px; bottom: 0px;z-index:10;}

/* CALLOUT */



@media (max-width: 1280px) {

}

@media (max-width: 1024px) {
.top-name{height:150px;}
}


@media (max-width:800px) {

}


@media screen and (min-width: 768px) {

}



@media (max-width: 767px) {
.top-name{height:130px;}
.sm-photo{height:400px;}
}

@media (max-width: 650px) {
.sm-photo{height:300px;}
}

@media (max-width: 600px) {
.top-name{height:110px;}
}

@media (max-width: 479px) {

}



@media (max-width: 450px) {
.top-name{height:90px;}
}

@media (max-width: 350px) {

}

@media (max-width: 320px) {

}