@charset "UTF-8";
@import url("fonts.css");

		@font-face {
			font-family:'LibreBaskerville-Bold';
			src:url('../fonts/LibreBaskerville-Bold.ttf') format('truetype');
		}
		@font-face {
			font-family:'LibreBaskerville-Italic';
			src:url('../fonts/LibreBaskerville-Italic.ttf') format('truetype');
		}
		@font-face {
			font-family:'LibreBaskerville-Regular';
			src:url('../fonts/LibreBaskerville-Regular.ttf') format('truetype');
		}
		@font-face {
			font-family:'poppins-extrabold';
			src:url('/fonts/Poppins-ExtraBold.ttf') format('truetype');
		}
		@font-face {
			font-family:'poppins-bold';
			src:url('../fonts/Poppins-Bold.ttf') format('truetype');
		}
		@font-face {
			font-family:'poppins-regular';
			src:url('/fonts/Poppins-Regular.ttf') format('truetype');
		}
		
		body {
			background-color:#232323;
			margin:0;
			padding:0;
			color:white;
		}
		#top-header-container {
			display:block;
			width:100%;
			height:286px;
			background-image: url(/img/topnav-stripes-bkgd.jpg), url(/img/topnav-wood-bkgd.jpg);
  			background-position: left bottom, left top;
  			background-repeat: repeat-x, no-repeat;
			background-size: auto, cover;
			text-align: center;
			padding:0;
			margin:0;
			/*background:cadetblue;*/
		}
		.main-centered-container {
			position:relative;
			display:table;
			/*background:hotpink;*/
			height:286px;
			width:100%;
			margin-left:auto;
			margin-right:auto;
		}
		#logo-box {
			position:absolute;
			top:21px;
			left:20px;
			z-index:999;
			width:814px;
			height:344px;
			text-align:left;
		}
		#logo {
			float:left;
			width:343px;
		}
		#logo img { margin:0; padding:0; }

		#site-title {
			display: inline-block;
			vertical-align: middle;
			height:344px;
			width:471px;
		}
		#business-name {
			padding:150px 0 0 10px;
			margin:0;
			/*background-color:blue;*/
		}


		#business-since {
			padding:0 0 0 10px;
			margin:0;
			font-family:"LibreBaskerville-Bold", Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
			color:white;
			font-size:18px;
			/*background-color:teal;*/
		}
		#call-now {
			position:relative;
			top:0px;
			right:25px;
			z-index:998;
			text-align:center;
			width:209px;
			height:295px;
			margin:0;
			padding:0;
			background-color:#bd0000;
			background-image: linear-gradient(to left bottom, #ca0000, #bc0001, #ae0001, #a00001, #920000);
			filter: drop-shadow(-2px 2px 7px #000000);
			border:1px solid #764a35;
			outline:1px solid black;
			float:right;
		}
		#call-now p {
			color:white;
			padding:0!important;
			margin:0;
			filter: drop-shadow(1px 1px 1px #000000);
		}
		
		.cn-01 { font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-size:16px; margin-top:33px!important; }
		.cn-02 { font-family: Impact, "Arial Black", "sans-serif"; font-size:30px; margin-top:4px!important; }
		.cn-03 { font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-size:19px; margin-top:0px!important; }
		.cn-04 { font-family: Impact, "Arial Black", "sans-serif"; font-size:40px; margin-top:0px!important; }
		.cn-05 { font-family: Impact, "Arial Black", "sans-serif"; font-size:30px; margin-top:2px!important; }
		
		#call-now-responsive {
			border-bottom:4px solid #52778a;
			text-align: center;
			padding:12px 0 12px 0;
			background: rgb(157,0,0);
			background: linear-gradient(180deg, rgba(157,0,0,1) 0%, rgba(220,0,0,1) 100%);
		}
		#call-now-responsive a { text-decoration:none; color:white; }
		.callnow-text, .callnow-phone, .callnow-hours { filter: drop-shadow(1px 1px 1px #000000); }
		.callnow-text {
			font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-size:20px; padding:0; margin:0;
		}
		.callnow-phone {
			font-family: Impact, "Arial Black", "sans-serif"; font-size:24px; letter-spacing:0.1em;
		}
		.callnow-hours {
			font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-size:16px; padding:0; margin:0;
		}
		
		
        /* Base Styles for the Menu */
        .menu-container {
            background-color: black;
            padding:0;
            text-align: center;
            position: relative;
        }
        .nav {
            display:flex;
            justify-content: center;
            flex-wrap: wrap;
            padding: 0;
            margin: 0;
        }
        .nav-item {
            white-space:nowrap;
        }
        .nav-item a {
            color: white;
            font-weight: bold;
            text-decoration: none;
            padding: 15px;
            display: block;
            text-align: center;
            background-color: black;
            transition: background-color 0.3s;
        }
        .nav-item a:hover {
            background-color: gray;
        }

        /* Toggle Button for Mobile */
        .toggle-button {
            display: none;
            background-color: black;
            color: white;
            padding: 15px;
            cursor: pointer;
            text-align: center;
            font-weight: bold;
            font-size: 18px;
        }

        /* Mobile Menu - hidden by default */
        .nav-vertical {
            display: none;
            flex-direction: column;
            background-color: black;
            width: 100%;
        }
        .nav-vertical .nav-item {
            border-bottom: 1px solid #243b4b;
			
        }
		.nav-vertical .nav-item:nth-of-type(1) {
			border-top:1px solid #243b4b;
		}
		.nav-vertical .nav-item a {
			padding: 10px;
			background-color:#1a1b1b;
		}
		.inner-box {
			position:relative;
			display:table;
			width:1400px;
			margin-left:auto;
			margin-right:auto;
			/*background:green;*/
		}
		.orange-bullets { color:#c54028; font-size:20px; padding-right:2px; font-family:"poppins-bold",Impact, "Arial", "sans-serif"; }
		.orange-links { color:#c54028!important; font-family:"poppins-bold",Impact, "Arial", "sans-serif"; text-decoration: none; }
		.orange-headline { padding:17px 0 0 0; margin:0; font-family:"poppins-extrabold",Impact, "Arial", "sans-serif"; font-size:35px; color:#cc721b; text-align: center; }
		
/* ================================ */
/* =      SECTION UNIVERSALS      = */
/* ================================ */
		
		.section {
			padding:65px 0 65px 0;
		}
		.sectionheading {
			/*background:orange;*/
			padding:0 0 10px 0;
			margin:0;
		}
		.sectionlineright {
			color:white;
			/*background:red;*/
			padding:0;
			margin:0;
		}
		.sectionlineright:after {
			border-top: solid 3px #cc721b;
			content: '';
			display:inline-block;
			margin-left:10px;
			padding-bottom: 4px;
			width:122px;
		}
		.sectiontitle {
			color:#6fa5a5;
			font-family:"poppins-extrabold",Impact, "Arial", "sans-serif";
			font-size:30px;
			margin:0 0 15px 0;
			padding:0;
		}
		.columnheading {
			padding:0;
			margin:25px 0 15px 0;
			font-weight:bold;
			font-size:1.5em;
		}

/* ================================ */
/* =           RV TYPES           = */
/* ================================ */
		
		#rv-types {
			background-color:#2b2b2b;
			min-height:251px;
		}
		#rv-types .inner-box {
			min-height:251px;
			/*background:green;*/
		}
        .rv-type-ul {
            display:flex;
            justify-content: center; 
            flex-wrap: wrap;
            padding: 0;
            margin: 0;
			list-style-type:none;
        }
        .rv-type-item {
			height:251px;
            white-space:nowrap;
			padding:0px 33px 0 33px;
			text-align:center;
        }
        .rv-type-item p {
            color:white;
            font-weight: normal;
			font-size:22px;
			font-family:"poppins-regular",Impact, "Arial", "sans-serif";
            text-decoration: none;
            display:block;
            text-align:center;
            transition:background-color 0.3s;
			margin:0;
			padding:0px 0 0 0;
        }
        .rv-type-ul-textonly {
            display:block;
            padding: 0 0 65px 0;
            margin: 0;
			list-style-type:none;
        }
        .rv-type-item-textonly {
			height:auto;
            white-space:nowrap;
			padding:0px 5px 0 5px;
			text-align:center;
			display:inline-block;
        }
        .rv-type-item-textonly p {
            color:white;
            font-weight: normal;
			font-size:18px;
			font-family:"poppins-regular",Impact, "Arial", "sans-serif";
            text-decoration: none;
            display:block;
            text-align:center;
            transition:background-color 0.3s;
			margin:0;
			padding:0px 0 0 0;
			padding:0 5px 10px 5px;
        }

		
		
		
		
        .rv-type-item:hover {
            /*background-color: gray;*/
        }
		#rv-types-tablet, #rv-types-mobile { text-align: center; dislay:none; }
		#rv-types-tablet p, #rv-types-mobile p { text-align: center; }
		
/* ================================ */
/* =           ABOUT US           = */
/* ================================ */

		#aboutus {
		}
		#aboutus .inner-box {
			width:900px;
		}

/* ================================ */
/* =           SERVICES           = */
/* ================================ */

		#services {
			background:#343434;
		}
		#services .inner-box {
			width:900px;
		}
		.serviceitem {
			margin:0 0 10px 0;
			padding:0;
		}
		#services .rvcutout {
			margin:32px 0 10px 0;
			padding:0 30px 0 30px;
			text-align:center;
		}
		#services img {
			width:100%;
		}
		
/* ================================ */
/* =        SERVICE AREA          = */
/* ================================ */

		#servicearea {
			background:white;
			padding-bottom:75px;
		}
		#servicearea .inner-box {
			width:900px;
			color:black;
		}
		#servicearea .sectionlineright {
			color:black;
		}
		#servicearea .mobileimage {
			display:none;
		}
		#sericearea .desktopimage {
			display:inline-block;
		}
		#servicearea img { border:1px solid black; width:100%; padding:0; margin:0; margin-bottom:20px; }

/* ================================ */
/* =       TESTIMONIALS           = */
/* ================================ */
		
		#testimonials {
			padding:70px 0 85px 0;
			background: rgb(48,66,73);
			background: linear-gradient(0deg, rgba(48,66,73,1) 0%, rgba(37,51,56,1) 100%);
		}
		#testimonials .inner-box {
			width:900px;
			padding:0;
			display:block;
		}
		#testimonials .carousel-col-center {
			margin: 0;
			float: none !important;
			width:900px;
			padding:0;
			background:none;
		}
		#testimonials .carousel-inner {
			width:100%;
			display:block;
			background:none;
			padding:25px 40px 25px 40px;
		}
		#testimonials .carousel {
			margin:0px 0;
			padding:0 70px;
		}
		#testimonials .carousel-item {
			color: #999;
			font-size: 14px;
			text-align: center;
			overflow:visible;
			min-height: 290px;
			background:white;
			padding:0 50px 0 50px;
			-webkit-border-radius: 2px;
			-webkit-border-top-left-radius: 100px;
			-webkit-border-bottom-right-radius: 100px;
			-moz-border-radius: 2px;
			-moz-border-radius-topleft: 100px;
			-moz-border-radius-bottomright: 100px;
			border-radius: 2px;
			border-top-left-radius: 100px;
			border-bottom-right-radius: 100px;
		}
		#testimonials .carousel .item .img-box {
			width: 135px;
			height: 135px;
			margin: 0 auto;
			padding: 5px;
			border: 1px solid #ddd;
			border-radius: 50%;
		}
		#testimonials .carousel .img-box img {
			width: 100%;
			height: 100%;
			display: block;
			border-radius: 50%;
		}
		#testimonials .carousel .testimonial {
			padding:20px 0 20px 0;
			font-size:21px;
			height:auto;
		}
		#testimonials .checked {
			margin:30px 0 0 0;
  			color: orange;
		}
		#testimonials .carousel .overview {	
			font-style: italic;
			font-size:21px;
			padding:0 0 20px 0;
		}
		#testimonials .carousel .overview b {
			text-transform: uppercase;
			color: #db584e;
		}
		#testimonials .carousel .carousel-control {
			width: 40px;
			height: 40px;
			margin-top: -20px;
			top: 50%;
			background: none;
		}
		#testimonials .carousel-control i {
			font-size: 68px;
			line-height: 42px;
			position: absolute;
			display: inline-block;
			color: rgba(0, 0, 0, 0.8);
			text-shadow: 0 3px 3px #e6e6e6, 0 0 0 #000;
		}
		#testimonials .carousel .carousel-indicators {
			bottom: -40px;
		}
		#testimonials .carousel-indicators li, .carousel-indicators li.active {
			width: 10px;
			height: 10px;
			margin: 1px 3px;
			border-radius: 50%;
		}
		#testimonials .carousel-indicators li {	
			background: #999;
			border-color: transparent;
			box-shadow: inset 0 2px 1px rgba(0,0,0,0.2);
		}
		#testimonials .carousel-indicators li.active {	
			background: #555;		
			box-shadow: inset 0 2px 1px rgba(0,0,0,0.2);
		}
		#testimonials blockquote {
			font-family: Georgia, serif;
			position: relative;
			margin: 0.5em;
			padding: 0.5em 2em 0.5em 3em;
		}
		/* Thanks: http://callmenick.com/post/styling-blockquotes-with-css-pseudo-classes */
		#testimonials blockquote:before {
			font-family: Georgia, serif;
			position: absolute;
			font-size: 12em;
			line-height: 1;
			top: -40px;
			left: -90px;
			content: "\201C";
		}
		#testimonials blockquote:after {
			font-family: Georgia, serif;
			position: absolute;
		   /* display: block; don't use this, it raised the quote too high from the bottom - defeated line-height? */
			float:right;
			font-size:12em;
			line-height: 1;
			right:-100px;
			bottom:-120px;
			content: "\201D";
		}
		#testimonials blockquote footer {
			padding: 0 2em 0 0;
			text-align:right;
		}
		#testimonials blockquote cite:before {
			content: "\2013";
		}
		#testimonials-submit {
			text-align:right;
			margin-top:50px;
		}
		#testimonials-submit .submit-button-l {
			background:#343e44;
			display:inline-block;
			margin:0!important;
			padding:0 25px 0 25px;
			height:47px;
			vertical-align:middle;
			line-height: 47px;
			-webkit-border-top-left-radius: 8px;
			-webkit-border-bottom-left-radius: 8px;
			-moz-border-radius-topleft: 8px;
			-moz-border-radius-bottomleft: 8px;
			border-top-left-radius: 8px;
			border-bottom-left-radius: 8px;
			box-shadow: 2px 5px 5px 0px rgba(0,0,0,0.52);
			-webkit-box-shadow: 2px 5px 5px 0px rgba(0,0,0,0.52);
			-moz-box-shadow: 2px 5px 5px 0px rgba(0,0,0,0.52);
			font-family:"poppins-medium",Impact, "Arial", "sans-serif";
			font-size:1.2em;
			color:#fff;
			border:1px solid #495b68;
		}
		#testimonials-submit .submit-button-r {
			background:#4e565c;
			display:inline-block;
			margin:0!important;
			padding:0 12px 0 12px;
			height:47px;
			vertical-align:middle;
			line-height: 47px;
			-webkit-border-top-right-radius: 8px;
			-webkit-border-bottom-right-radius: 8px;
			-moz-border-radius-topright: 8px;
			-moz-border-radius-bottomright: 8px;
			border-top-right-radius: 8px;
			border-bottom-right-radius: 8px;
			box-shadow: 2px 5px 5px 0px rgba(0,0,0,0.52);
			-webkit-box-shadow: 2px 5px 5px 0px rgba(0,0,0,0.52);
			-moz-box-shadow: 2px 5px 5px 0px rgba(0,0,0,0.52);
			font-family:"poppins-medium",Impact, "Arial", "sans-serif";
			font-size:2.6em;
			color:#62934e;
			border:1px solid #495b68;
		}

/* ================================ */
/* =        OUR WORK MAIN         = */
/* ================================ */	

	#ourwork-main .lightbox img { 
		margin:0 0 10px 0;
		border:1px solid #000;
	}

	#ourwork-main {
		background:#1f1f1f;
	}
	#ourwork-main .inner-box {
		width:1200px;
		padding-bottom:20px;
	}
	#ourwork-main .ourwork-gallery-container { padding:0; margin:0; left:-100px; }
	#ourwork-main img {
		width:100%;
	}
	#ourwork-spacer {
		height:100px;
		display:block;
		width:100%;
		background-image: url(/img/topnav-wood-bkgd.jpg);
		background-position: left top;
		background-repeat: no-repeat;
		background-size: cover;

	}
	#ourwork-main #page-topper {
		text-align: center;
	}
	#ourwork-main .page-info {
		/*background:blue;*/
		display:inline-block;
		width:auto;
	}
	#ourwork-main .page-info .page-type {
		font-size:3em;
		font-family:"poppins-bold",Impact, "Arial", "sans-serif";
		text-decoration:none;
		color:#fff;
		border-bottom:4px solid #ba4a2f;
		display:block;
		padding:20px 0 7px 0;
		margin-bottom:50px;
		text-align:center;
	}
	#ourwork-main .page-info .page-title {
		font-size:1.3em;
		font-family:"poppins-light",Impact, "Arial", "sans-serif";
		text-decoration:none;
		color:#fff;
		padding:12px 0 0 0;
		display:inline-block;
	}
	#ourwork-main .project-desc {
		font-size:1em;
		font-family:"poppins-light",Impact, "Arial", "sans-serif";
		color:#fff;
		line-height:1.3em;
		margin:20px 0 30px 0;
	}
	#ourwork-main .page-deco {
		/*background:purple;*/
		display:inline;
		width:auto;
		float:right;
		padding-top:40px;
	}
	#ourwork-main .page-deco img { width:172px; }
	#ourwork-main .ourwork-gallery-container {  }
	#ourwork-main .tz-gallery {  }
	#ourwork-main .tz-gallery .row { }

/* ================================ */
/* =        OUR WORK PAGE         = */
/* ================================ */	

#ourwork-page .lightbox img { 
	margin:0 0 10px 0;
	border:1px solid #000;
}

#ourwork-page {
	background:#1f1f1f;
}
#ourwork-page .inner-box {
	width:1200px;
	padding-bottom:30px;
}
#ourwork-page .ourwork-gallery-container { padding:0; margin:0; }
#ourwork-page img {
	width:100%;
}
#ourwork-spacer {
	height:100px;
	display:block;
	width:100%;
	background-image: url(/img/topnav-wood-bkgd.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	background-size: cover;

}
#ourwork-page .page-info {
	/*background:blue;*/
	display:inline-block;
	width:auto;
}
#ourwork-page .page-info .page-type {
	font-size:3em;
	font-family:"poppins-bold",Impact, "Arial", "sans-serif";
	text-decoration:none;
	color:#fff;
	border-bottom:4px solid #ba4a2f;
	display:block;
	padding:20px 0 2px 0;
	text-align: center;
	background:pink;
	margin-bottom:50px;
}
#ourwork-page .page-info .page-title {
	font-size:1.3em;
	font-family:"poppins-light",Impact, "Arial", "sans-serif";
	text-decoration:none;
	color:#fff;
	padding:5px 0 0 0;
	display:inline-block;
}
#ourwork-page .project-desc {
	font-size:1em;
	font-family:"poppins-light",Impact, "Arial", "sans-serif";
	color:#fff;
	line-height:1.3em;
	margin:10px 0 50px 0;
	max-width:800px;
}
#ourwork-page .page-deco {
	/*background:purple;*/
	display:inline;
	width:auto;
	float:right;
	padding-top:40px;
}
#ourwork-page .page-deco img { width:172px; }
#ourwork-page .ourwork-gallery-container {  }
#ourwork-page .tz-gallery {  }
#ourwork-page .tz-gallery .row { }

/* ================================ */
/* =            FOOTER            = */
/* ================================ */

#footer {
	min-height:430px;
	background-image: url(/img/footer-wood-bkgd.jpg);
	background-position: left top;
	background-repeat: repeat-y;
	background-size: cover;
	text-align: center;
	padding:0;
	margin:0;

}
#footer .borders {
	display: block;
	border-top:4px solid #cb711a;
	height:16px;
	background:#ba4a2f;
	border-bottom:1px solid white;
}
.footer-centered-container {
	position:relative;
	display:table;
	/*background:hotpink;*/
	min-height:412px;
	width:900px;
	margin-left:auto;
	margin-right:auto;
}

.footer-cols-ul {
	/*display:flex;*/
	justify-content: center; 
	/*flex-wrap: wrap;*/
	padding: 0;
	margin: 0;
	list-style-type:none;
}
.footer-cols-item {
	/*height:412px;*/
	white-space:wrap;
	padding:0;
	color:white;
}


.footer-cols-item h1 {
	font-weight: normal;
	font-size:21px;
	font-family:"poppins-bold",Impact, "Arial", "sans-serif";
	text-decoration:none;
	display:block;
	text-align:center;
	transition:background-color 0.3s;
	margin:0;
	padding:30px 0 10px 0;
}
.footer-cols-item, .footer-cols-item a {
	font-size:16px;
	font-family:"poppins-regular",Impact, "Arial", "sans-serif";
	text-decoration:none;
	color:white;
	line-height:26px;
}
.footer-cols-item:hover {
	/*background-color: gray;*/
}

.ft-col1 { width:60%; float:left; /*background:green;*/ text-align:left; }
.ft-col1 h1 { text-align:left; }
.ft-col1 .footer-item { width:100%; display:block; /*background:blue;*/ }
.ft-col2 { width:40%; float:right; /*background:yellow;*/ box-sizing: border-box; }
.ft-col2 h1 { text-align:right; }

.footer-ul {
	display: flex;
	padding: 0;
	margin: 0;
	list-style-type:none;
	/*background:orange;*/
	flex-wrap: wrap;
}
.footer-ul .footer-item {
	padding:0;
	color:white;
}
.ft-col2 .footer-ul { justify-content: flex-end; }
.ft-col2 .footer-ul .footer-item { padding:0 0 0 7px;  }
.ft-col3 .footer-ul { padding-top:40px; }
.ft-col3 .footer-ul .footer-item { padding:5px 0 0 5px; }

.footitem-alignleft { justify-content: flex-start; /* aligns the items to the right */ }
.footitem-alignright { justify-content: flex-end; /* aligns the items to the right */ }
.footitem-aligncenter { justify-content:center; /* aligns the items to the right */ }

.social-media { padding-bottom:17px; }

.ft-col3 { width:100%; float: none; clear:both; display:block; /*background:red;*/ }
.bot-text { margin:0; padding:0; padding-bottom:1px; }
.subscript { font-style:italic; font-size:13px; padding-bottom:20px }
.linebreaks { display:none; }
.copyright { padding-bottom:4px; }

/* ================================ */
/* =    RESPONSIVE ADJUSTMENTS    = */
/* ================================ */

/* --------------------------------- */
/* Desktop Largest view              */
/* --------------------------------- */
@media (min-width:1401px) {
	#rv-types .inner-box { width:1400px; padding:60px 30px 0 30px; }
	#rv-types-tablet { display: none; }
	#rv-types-mobile { display: none; }
	.main-centered-container { width:1400px; }
	#call-now-responsive { display:none; }
	.footer-centered-container { min-height:412px; padding:0 30px 50px 30px; }
	#servicearea .mobileimage { display:none; }
	#servicearea .desktopimage { display:inline-block; }
	#servicearea img { width:600px; }

}              

/* --------------------------------- */
/* Tablet view                       */
/* --------------------------------- */
@media (min-width: 1095px) and (max-width: 1400px) {
	.toggle-button, .nav-vertical {
		display: none;
	}
	.nav {
		display: flex;
	}
	#aboutus .inner-box, #services .inner-box, #servicearea .inner-box, #testimonials .inner-box { width:100%; padding-left:30px; padding-right: 30px; }

	#rv-types .inner-box { width:100%; padding:60px 30px 0 30px; }
	.rv-type-item { padding:0 5px 0 5px; }
	#rv-types-tablet { display: none; }
	#rv-types-mobile { display: none; }
	#call-now-responsive { display:none; }
	.footer-centered-container { min-height:412px; padding:0 0 50px 0; }
	#servicearea .mobileimage { display:none; }
	#servicearea .desktopimage { display:inline-block; }
	#servicearea img { width:600px; }
	#ourwork-page .inner-box { width:1000px; padding-left:30px; padding-right: 30px; }
	#ourwork-page .page-info .page-type { padding-top:20px; }
	#ourwork-page .page-deco img { width:172px; padding:0 0 10px 0; }
	#ourwork-page .lightbox img { margin-left:0; }
	#site-title { height:170px; }
}

/* --------------------------------- */
/* Tablet view                       */
/* --------------------------------- */
@media (min-width: 961px) and (max-width: 1094px) {
	.toggle-button, .nav-vertical {
		display: none;
	}
	.nav {
		display: flex;
	}
	#aboutus .inner-box, #services .inner-box, #servicearea .inner-box, #testimonials .inner-box, #testimonials .carousel-col-center { width:100%; padding-left:30px; padding-right: 30px; }
	#rv-types .inner-box { width:100%; padding:60px 30px 0 30px; }
	.rv-type-item { padding:0 5px 0 5px; }
	.rv-type-ul { display: none; }
	#rv-types-tablet { display: block; }
	#rv-types-mobile { display: none; }
	#call-now { display:none; }
	.footer-centered-container { min-height:412px; padding:0 30px 50px 30px; }
	#servicearea .mobileimage { display:none; }
	#servicearea .desktopimage { display:inline-block; }
	#servicearea img { width:600px;  }
	#ourwork-page .inner-box { width:900px; padding-left:30px; padding-right: 30px; }
	#ourwork-page .page-info .page-type { padding-top:20px; }
	#ourwork-page .page-deco img { width:172px; padding:0 0 10px 0; }
	#ourwork-page .lightbox img { margin-left:0; }
	#site-title { height:170px; }
}

/* --------------------------------- */
/* Smaller Tablet view               */
/* --------------------------------- */
@media (min-width: 881px) and (max-width: 960px) {
	#aboutus .inner-box, #services .inner-box, #servicearea .inner-box, #testimonials .inner-box, #testimonials .carousel-col-center { width:100%; padding-left:30px; padding-right: 30px; }
	#rv-types .inner-box { width:100%; padding:60px 30px 0 30px; }
	.rv-type-item { padding:0 8px 0 8px; }
	.rv-type-ul { display: none; }
	#rv-types-tablet { display: block; }
	#rv-types-mobile { display: none; }
	#call-now { display:none; }
	.footer-centered-container { min-height:412px; width:100%; padding:0 30px 50px 30px; }
	#servicearea .mobileimage { display:block; }
	#servicearea .desktopimage { display:none; }
	#ourwork-page .inner-box { width:800px; padding-left:30px; padding-right: 30px; }
	#ourwork-page .page-info .page-type { padding-top:20px; }
	#ourwork-page .page-deco img { width:172px; padding:0 0 10px 0; }
	#ourwork-page .lightbox img { margin-left:0; }
	#site-title { height:170px; }
}

/* --------------------------------- */
/* Heading needs to change at < 837  */
/* --------------------------------- */
@media (max-width: 836px) {
	#top-header-container { height:560px; }
	.main-centered-container { height:none; width:100%; }
	#logo-box { position:unset; display:block; top:unset; left:unset; width:100%; text-align:center; margin:21px auto 0 auto; }
	#logo {	display:block; float:unset; margin:0 auto 0 auto; }
	#site-title { display: block; width:100%; }
	#call-now { display:none; }
	#business-name { padding:80px 0 0 0; }
	.rv-type-ul { display: none; }
	.rv-type-item-textonly { padding:0px 8px 0 8px; }
	#rv-types-tablet { display: none; }
	#rv-types-mobile { display: block; }
	.footer-centered-container { min-height:412px; width:100%; padding:0 30px 50px 30px; }

}

/* --------------------------------- */
/* Large Mobile and Mobile View      */
/* --------------------------------- */
@media (min-width: 536px) and (max-width: 880px) {
	.toggle-button {
		display: block;
	}
	.nav {
		display: none; /* Hide horizontal menu on small screens */
	}
	#rv-types .inner-box { width:100%; padding:60px 30px 0 30px; }
	#rv-types .rv-type-item { flex: 33%; }
	#aboutus .inner-box, #services .inner-box, #servicearea .inner-box, #testimonials .inner-box, #testimonials .carousel-col-center { width:100%; padding-left:30px; padding-right: 30px; }
	.footer-centered-container { min-height:412px; width:100%; padding:0 30px 50px 30px; }
	.rv-type-ul { display: none; }
	#rv-types-tablet { display: none; }
	#rv-types-mobile { display: block; }
	#call-now { display:none; }
	.certsawards-full { display:none; }
	.certsawards-condensed { display:block; }
	#servicearea { padding-bottom:60px; }
	#servicearea .mobileimage { display:block; }
	#servicearea .desktopimage { display:none; }
	#testimonials .inner-box { width:100%; padding:0; }
	#testimonials .carousel-col-center { width:100%; }
	#testimonials .carousel-inner { padding:25px 0 25px 0; }
	#testimonials .carousel { margin:0px 0; padding:0 30px 0 30px;}
	#testimonials .carousel-item { padding:0 10px 0 10px; }
	#testimonials .sectionheading { padding:0 30px 0 30px; }
	#ourwork-page .inner-box { width:100%; padding-left:30px; padding-right: 30px; }
	#ourwork-page .page-info .page-type { padding-top:20px; }
	#ourwork-page .page-title { margin-bottom:30px; }
	#ourwork-page .page-deco { display:block; float:none; padding-top:0; }
	#ourwork-page .page-deco img { width:172px; padding:0 0 10px 0; }
	#ourwork-page .lightbox img { margin-left:0; }
	#site-title { height:170px; }
}

/* --------------------------------- */
/* Mobile View      */
/* --------------------------------- */
@media (max-width: 535px) {
	.toggle-button { display: block; }
	.nav { display: none; /* Hide horizontal menu on small screens */ }
	#rv-types .inner-box { width:100%; padding:60px 0 0 0; }
	#rv-types .rv-type-item { flex:50%; padding:30px 9px 0 9px; height:169px; }
	#rv-types .rv-type-item img { height:70px; }
	#rv-types .rv-type-item:last-child { padding-bottom:0; height:195px; }
	#aboutus .inner-box, #services .inner-box, #servicearea .inner-box { width:100%; padding-left:30px; padding-right: 30px; }

	#business-name img { width:80%; }
	#footer .footer-centered-container { min-height:412px; width:100%; padding:0 30px 50px 30px; }
	#footer .ft-col1 { width:100%; float:none; display:block; /*background:green;*/  }
	#footer .ft-col2 { width:100%; float:none; display:block; /*background:red;*/ }
	#footer .ft-col2 h1 { text-align:left; }
	#footer .ft-col2 .footer-ul .footer-item { padding:0; display:block!important; /*background:purple;*/ width:100%; text-align:left; }
	#footer .ft-col2 .footer-ul { justify-content: flex-end; }
	.certsawards-full { display:none; }
	.certsawards-condensed { display:block; }
	.rv-type-ul { display: none; }
	#rv-types-tablet { display: none; }
	#rv-types-mobile { display: block; }
	#rv-types-mobile img { width:80%; }
	.linebreaks { display:inline; padding:0 0 0 10px; }
	.extraspaces { display:none; }
	#call-now { display:none; }

	#servicearea { padding-bottom:60px; }
	#servicearea .mobileimage { display:block; }
	#servicearea .desktopimage { display:none; }

	#testimonials .inner-box { width:100%; padding:0; }
	#testimonials .carousel-col-center { width:100%; }
	#testimonials .carousel-inner { padding:25px 0 25px 0; }
	#testimonials .carousel { margin:0px 0; padding:0 30px 0 30px;}
	#testimonials .carousel-item { padding:0 10px 0 10px; }
	#testimonials .sectionheading { padding:0 30px 0 30px; }
	#ourwork-page .inner-box { width:100%; padding-left:30px; padding-right: 30px; }
	#ourwork-page .page-info .page-type { padding-top:0; }
	#ourwork-page .page-deco { display:block; float:none; padding-top:0; }
	#ourwork-page .page-deco img { width:172px; padding:30px 0 10px 0; }
	#ourwork-page .lightbox img { margin-left:0; }
	#ourwork-page .inner-box { width:100%; padding-left:30px; padding-right: 30px; }
	#ourwork-page .page-info .page-type { padding-top:0; }
	#ourwork-page .page-deco { display:block; float:none; padding-top:0; }
	#ourwork-page .page-deco img { width:172px; padding:30px 0 10px 0; }
	#ourwork-page .lightbox img { margin-left:0; }
	#site-title { height:170px; }

}


/* ================================ */
/* =          FOR TESTING         = */
/* ================================ */

.size { text-align:center; background:purple; display:block; height:300px }