@media screen and (max-width: 981px) {

	html {-webkit-text-size-adjust: none;}
	
	a[href^="tel"]{color:inherit; text-decoration:none;}
	
	h1 {font-size: 20px;}
	h2 {font-size: 18px;}

    .carousel-h1 { font-size: 44px; }
	
	#wrapperHeader {height: 150px;}
	
	#logo {width: 50%;}
	#navmenu {height: 0; margin: 50px 0 0 0; padding: 0 !important; position: absolute;}
	#social {width: 50%;}
	
	#nav {width: 100%; height: auto; text-align: center; background: #FFFFFF; padding: 0; position: absolute; top: 47px; z-index: 3000;}
	#nav li {font-size: 16px; padding: 0;}
	#nav li a:link {color: #842C2A; display: block; padding: 5px 0 5px 0; margin: 0; text-decoration: none;}
	#nav li a:visited {color: #842C2A; display: block; padding: 5px 0 5px 0; margin: 0; text-decoration: none;}
	#nav li a:active {color: #842C2A; display: block; padding: 5px 0 5px 0; margin: 0; text-decoration: none;}
	#nav li a:hover {color: #FFFFFF; background: #842C2A; display: block; padding: 5px 0 5px 0; margin: 0; text-decoration: none;}
	
	#nav li a.active {color: #FFFFFF; background: #842C2A; float: none; display: block; padding: 5px 0 0 0; margin: 0; text-decoration: none;}
	
	.nav-toggle {-webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 70px; height: 46px; text-indent: -9999px; overflow: hidden; background: url(../img/menu.gif) 50% 47% no-repeat #842C2A; position: relative; top: 45px; display: block; margin: 0; z-index: 5000;}
	
	#social {position: absolute; right: 0; padding: 25px 15px 15px 0;}
	
	.carousel-caption {width: 70%;}
	.carousel-caption p {width: 100%; font-size: 12px;}
	.d-none {display: block !important;}
	.carousel-caption .btn {font-size: 10px;}
	
	#boxWhite {margin: 0 0 40px 0;}
	#boxWhite2 {padding: 0 2rem 0 2rem !important; margin: 0 0 40px 0;}
	#boxPadding {padding: 4rem 2rem 0 2rem !important;}
	#boxPadding2 {padding: 0 2rem 0 2rem !important;}
	#floatPhoto {float: none; top: 20px; left: 0;}
	img#floatPhoto, img#photo {width: 100%; max-width: none !important;}
	
	#boxIcons {padding: 30px 1.5rem 10px 1.5rem;}

	p.intro {padding: 0;}
	p.indent {padding: 0;}
	p.indent2 {padding: 0;}
	p.spacer {padding: 0;}
	pt-5 {padding-top: 1rem !important;}
	p {text-align: left !important;}
	#centerAlign {padding: 2rem !important;}
	#centerAlign p {text-align: center !important; padding: 0 !important;}
	#textPadding {padding: 0 !important;}
	#wrapperFooter p {text-align: center !important;}
	
	img#newsPhotos {width: 100%; max-width: none !important;}
	
	.btn-lg {font-size: 18px; padding: 5px 60px 5px 20px; top: -10px; right: 20px; color: white !important;}
	
	#buttonDesktop {display: none; visibility: hidden;}
	#buttonMobile {display: block; visibility: visible; margin: 40px 0 20px 10px;}
	
	#servicesBox {min-height: none !important; height: auto !important; padding: 0 10px 10px 10px;}
	#servicesBoxTitle {min-height: none !important; height: auto !important;}
	#servicesBox br {display: none;}
     
    #title h1 { font-size: 40px; }
}

@media screen and (max-width:900px)
{
    .carousel-h1 {
        font-size: 33px;
    }
}

@media screen and (max-width: 767px) {
	#wrapperFooter {text-align: center;}
	
	#boxWhite {margin: 0;}
		
	#footerCol {padding: 0 !important;}

    .carousel-h1 {
        font-size: 22px;
        padding-top:10px;
    }

    .carousel-item {height:270px;}
    .carousel-item p {padding:0; margin:0;}
    .carousel-inner {height:270px;}

    .banner-inner h1 { font-size:33px; margin-top:13%;}
}

@media screen and (max-width:650px)
{
    .banner-inner h1 { font-size:33px; }
}

@media screen and (max-width:450px) {
    .carousel-h1 {
        font-size: 16px;
    }
    .carousel-inner {
        height: 190px;
    }
    .carousel-item p a {
        font-size: 16px;
    }

    .banner-inner h1 {
        font-size: 24px;
    }
}


img {max-width: 100%; height: auto; width: auto\9; /* ie8 */}