/*
*:before,
*:after{
*/
*
{
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	line-height: 1.5em;
}

body{
	min-height: 50vh; 
	background: #180034; 
	color: #a2a5b3;
	align-content: center;
}


header {
    position: fixed;
	width: 100%;
	background-color: black;
	z-index: 9999;
}

.li {
	list-style: none;
}

a {
	color: white;
	text-decoration: none;
}

/*-------------------------------------- Main Menu ----------------------------------------------*/
.navbar {   /* Main Menu line up*/
	min-height: 70px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 24px;
	font-family: "Roboto", serif;
	font-style: normal;
	list-style: none;
}

.nav-menu {   /* Main Menu */
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 30px;
	list-style: none;
}

.navbar img {  float: left; width: 6vw; }

.nav-branding {  /* APC Finishing Title */
	font-size: 2.5vw;
	background: -webkit-linear-gradient(#00bfff, white);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;		
}
.menu-bar {
  background-image: linear-gradient(to right, red 50%, black 50%);
  background-size: 200% 100%;
  background-repeat: no-repeat;
  background-position: 100% 0;
  transition: background-position 0.1s linear;
} 

.menu-bar li {
	position: relative; 
}

.menu-bar ul {   
	background-color: black;  
	color: white;
    width:25vw;  /* Each word menu width  */
} 

.sub-menu-1 {    /* drop down Menu   */
	display: none;
	list-style: none;
	text-align: left;
	padding-left: .3em;
	padding-right: .3em;
	position: relative; 
	text-decoration: none;  /* text has no lines thru or under */
	font-size: 1.3vw;  
	line-height: 1.5vw;  
	min-width: max-content;
	box-shadow: 1px 1px 7px #00bfff;
	z-index: 1;
}
.sub-menu-2 {    /* Sub drop down Menu   */
	display: none;
	list-style: none;
	text-align: left; 
	padding-left: 4px;
	position: absolute; 
	text-decoration: none;  
	font-size: 1.3vw;  
	line-height: 1.5vw;  
	min-width: max-content;
	box-shadow: 1px 1px 7px #00bfff;
	z-index: 2;
}
.sub-menu-3 {    /* Sub drop down Menu   */
	display: none;
}

.menu-bar:hover {   /*  Highlite each Menu Item  */
	background-position: 0% 0;
	display: block; 
} 

.nav-item:hover > .sub-menu-1 {    /* show drop down Menu  */
	display: block;
	position: absolute; 
	background: black;
}

.sub-menu-1 li:hover > .sub-menu-2 {    /* show Sub drop down Menu  */
	display: block;
	position: absolute; 
	top: 0; 
	left: 97%;  
	background: black;
} 

.nav-item:hover li a {   /* Drop Down List */
	text-decoration: none;  /* text has no lines thru or under */
	color: white;  /* Menu drop down text color */
	display: block;
	font-size: 1.3vw; 
	list-style: none;
}

.nav-item li a:hover {   /* Hover Main Menu Drop Down Menu Items */
	color: red;
}


.hamburger {  /* hide the hamburger bar */
	display: none;
	cursor: pointer;
}

.bar {   /* Show Hamburger Bar */
	display: block;
	width: 25px;  /* hamburger bar width */
	height: 3px; /* height of 3 bars */
	margin: 5px auto;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out; 
	background-color: white;
}

/*-------------------------------------- Coupon ----------------------------------------------*/
.coupons img { width: auto; }
.coupons img:hover { filter: opacity(40%); cursor: pointer; }
/*-------------------------------------- Popup List ----------------------------------------------*/
.list-prices {
	top: 0;
	font-family: "Roboto", serif;
	font-weight: 300;
	font-style: normal;
	width: 100%;
}
.list-prices h1 {
	color: yellow;
	font-size: 5vh;
	text-align: center;
}
.list-prices img:hover {
	filter: opacity(40%);
	cursor: pointer;
}
.car-size {
	text-align: center;
	}
.car-size img { width: 60%; border-radius: 20px; }

.list-prices img { 
	width: 5vw; 
	float: right;
	margin-top: 10px;
	margin-right: 13px;
}
.list-prices h2 { 
	text-align: center; 
	color: white;
	padding-left: 1em;
}

.list-prices p {
	color: white;
	background: black;
	font-size: 3vh;
	line-height: 6vw;
	text-align: left;
}

/*-------------------------------------- Popup Menu ----------------------------------------------*/
.popcard h1{
	color: white;
	font-size: 3em;
	line-height: 4vw;
	background: black;
	margin-top: -8px;
  -webkit-text-stroke: 1px #0096FF; 

}
.popcard h2 {
	color: red;
	font-size: 3.5em;
	line-height: 3.5vw;
	background: black;
	text-align: center;
}
.popcard p {
	color: blue;
	padding-bottom: 10px;
	background: #E8E8E8;
	font-size: 1.5em;
	line-height: 2vw;
	padding-left: .1em;	
	align-text: center;
	font-weight: bold;
}
.popcard h3 {
	color: black;
	background: #E8E8E8;
	font-size: 1.2em;
	font-weight: 300;
	text-align: center;
}
.pop-contact { background: #E8E8E8; }
#fireworks { background-image: url('firework1.gif'); }

.popcard img {
	width: 400px; height: auto;
}
.popcard a { color: yellow; font-size: 1.5vw}
.popcard {
	margin: 0 auto;
	font-family: "Poppins", sans-serif;
	font-weight: 400;
	font-style: normal;
	width: 400px;
	text-align: center;
	border-radius: 10px;
	position: fixed;
	transform: translate(-50%,-50%);
	left: 50%;
	top: 50%;
	-webkit-box-shadow: -1px 1px 20px 20px black;
	-moz-box-shadow: -1px 1px 20px 20px black;
	box-shadow: -1px 1px 20px 20px black;
	line-height: 1.3;
	display: none; 
	z-index: 10000;
}

@property --angle{
	syntax: "<angle>";
	initial-value: 0deg;
	inherits: false;
}

.popcard::after, .popcard::before{
	content: '';
	position: absolute; 
	height: 100%;
	width: 100%;
	background-image: conic-gradient(from var(--angle), #ff4545, #00ff99, #006aff, #ff0095, #ff4545);
	top: 50%;
	left: 50%;
	translate: -50% -50%;
	z-index: -1;
	padding: 3px; 
	border-radius: 10px;
	animation: 3s spin linear infinite;
}
.popcard::before{
	filter: blur(1.5rem);
	opacity: 0.5;
}
@keyframes spin{
	from{
		--angle: 0deg;
	}
	to{
		--angle: 360deg;
	}
}
  
.popcard button{
    position: absolute;
    top: 3%;
	right: 6px;	
    background-color: transparent;
    font-size: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
    color: White;
	background: black;
	width: 1.0em;
	height: 1.0em;  
	border-radius: 50%;
    border: none;
    outline: white solid 2px;
    cursor: pointer;
}

/*===================== Acknowledgement =========================================*/
.acknow {
    font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, sans-serif;	color: black;
	display: grid;
	grid-template-rows: .em;
	grid-template-columns: 20% 70% 10%;
	padding-left: 10em;
	padding-right: 10em;
}
.APC-logo {
	grid-row: 1 / 1;  
	grid-column: 1 / 1;
	margin-top: 10%;
}
.APC-logo img { width: 100%; }

.APC-heading { 	
	grid-row: 1 / 1;  
	grid-column: 2 / 2;
	margin-top: 8%;
	text-align: left;
	padding-left: 6em;
	}
.APC-heading h1 { font-size: 2.7vw; }
.APC-heading p { font-size: 1.4vw; }
.APC-exit {
	grid-row: 1 / 1;  
	grid-column: 3 / 3;
}
.APC-exit img { width: 40%; margin-top: 2em; margin-left: 2em;}

.APC-text {
    font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, sans-serif;	color: black;
	color: black;
	padding-left: 5em;
	padding-right: 5em;
/*	input[type="checkbox"] { transform: scale(1.8); } */
}
.APC-text p {  font-size: 1.5vw; }

.APC-text h2 { font-size: 1.5vw; white-space: nowrap; }
.APC-text h3 {
	margin-top: 5%;
	font-size: 2vw;
	margin-right: 1em;
}
.APC-text h4 { 
	font-size: 2vw;
	input[type="text"] { font-family:"Alex Brush",cursive; font-size: 2vw; }
	color: black;
	max-width: 52%;
	}

.APC-send {
	margin-top: 2%;
	padding-left: 10em;
}
.APC-prt { 
	padding-left: 2em;
}
.APC-send img:hover { filter: opacity(45%); }
.APC-send img { 
	position: relative; 
	top: 20px; 
	width: 6em; 
}

/* ========================================== Main Page =============================================*/

.shiny-car { 
	position: relative;
	text-align: center;
	color: white;
	z-index: -2;
	font-family: "Poppins", sans-serif;
	font-weight: 400;
	font-style: normal;
	padding-top: 5%;
}
.headliner img {
	width: 60%;
	opacity: 0.6;
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
	border-bottom-left-radius: 30px;
	border-bottom-right-radius: 30px;
	overflow: hidden;
	
}	
.movie {
	opacity: 0.6;
}
	video {
			border-top-left-radius: 30px;
			border-top-right-radius: 30px;
			border-bottom-left-radius: 30px;
			border-bottom-right-radius: 30px;
			overflow: hidden;
		  }
.discountL {
	position: absolute;
	top: 15%;
	left: -7%;
	width: 35%; 
}

.logo {
	position: absolute;
	top: 15%;
	left: 65%;
	width: 50%;
	z-index: 10;
}
.headline {
	font-size: 1.6vw;
	white-space: wrap;
	position: absolute;
	top: 25%;
	left: 22%;
	color: white;
}
.headline2 {
	font-size: 3.3vw;
	position: absolute;
	top: 65%;
	left: 22%;
	background-image: linear-gradient(to bottom, blue, white);
	background-clip: text;
	-webkit-background-clip: text; 
	color: transparent;
	-webkit-text-fill-color: transparent; 
  -webkit-text-stroke: 1px black; 
}
.below p {
	text-align: left;
	padding-left: 20em;
	padding-right: 20em;
	font-size: 1vw;
}
.RV-button:hover { background: red; color: yellow; }
.RV-button {
	background: #e30103;
	color: white;
	border-style: hidden;
	font-size: 1.5vw;
	margin: .3em 0 .3em 0;
	cursor: pointer;
}
	
.sillo-container {
	width: 100%;
	object-fit:contain; 
	font-family: "Poppins", sans-serif;
	font-weight: 300;
	font-style: normal;
	text-align: center;
	background-color: #1e0a87; 
	max-width: auto;
	margin-left: auto;
	margin-right: auto;
	padding-left: 2rem;
	padding-right: 2rem;
	padding-top: 1em;
	}
.sillo-container p { 
	color: white; 
	font-size: 2.1vh;
}
/*
.three-images-row {
	display: flex;
	margin-left: auto;
	margin-right: auto;
}

.three-images-col { 
	flex-direction: column; 
	margin-left: auto;
	margin-right: auto;
	cursor: pointer;
}
.three-images-col img:hover { filter: opacity(30%); }
*/
.schedule-service {
	width: 100%;
	font-family: "Bai Jamjuree", serif;
	font-weight: 300;
	font-style: normal;
	background: #fff2e6;
	display: grid;
	grid-template-rows: 3vw 3vw 3vw 5.5vw 3vw 3vw 3vw 3vw 3vw;
	grid-template-columns: 6% 60% 30%;
	padding-left: 2rem;
}
.Appointment h3 {
	font-family: "Bai Jamjuree", serif;
	text-align: center;
	color: black;
	background:#fff2e6;
	font-size: 4vh;
}
.stage-1 img { width: 4.5vw; }
.stage-2 img { width: 4.5vw; }
.stage-3 img { width: 4.5vw; }
.stage-4 img { width: 4.5vw; }
.stage-1C img { 
	width: 20vw; 
   border-radius: 25px;
}
.stage-1A h4 { color: black; font-size: 2.2vw; }
.stage-2A h4 { color: black; font-size: 2.2vw; }
.stage-3A h4 { color: black; font-size: 2.2vw; }
.stage-4A h4 { color: black; font-size: 2.2vw; }
.stage-1B p { color: black; font-size: 1.5vw; }
.stage-2B p { color: black; font-size: 1.5vw; }
.stage-3B p { color: black; font-size: 1.5vw; }
.stage-4B p { color: black; font-size: 1.5vw; }

.stage-1 {
	grid-row: 1 / 1;  
	grid-column: 1 / 1;
}
.stage-1A {
	grid-row: 1 / 1;  
	grid-column: 2 / 2;
}
.stage-1B {
	grid-row: 2 / 2;  
	grid-column: 2 / 2;
}
.stage-1C {
	grid-row: 1 / 1;  
	grid-column: 3 / 3;
}
.stage-2 {
	grid-row: 3 / 3;  
	grid-column: 1 / 1;
}
.stage-2A {
	grid-row: 3 / 3;  
	grid-column: 2 / 2;
}
.stage-2B {
	grid-row: 4 / 4;  
	grid-column: 2 / 2;
}
.stage-3 {
	grid-row: 5 / 5;  
	grid-column: 1 / 1;
}
.stage-3A {
	grid-row: 5 / 5;  
	grid-column: 2 / 2;
}
.stage-3B {
	grid-row: 6 / 6;  
	grid-column: 2 / 2;
}
.stage-4 {
	grid-row: 7 / 7;  
	grid-column: 1 / 1;
}
.stage-4A {
	grid-row: 7 / 7;  
	grid-column: 2 / 2;
}
.stage-4B {
	grid-row: 8 / 8;  
	grid-column: 2 / 2;
}

/* ============================================ Paint Chip Repair =======================================*/
.paintchiprepair {  /* Container */
  padding-top: .5em;
  font-size: 5vw;
  text-align: center;
}
.glow {
  color: #fff;
  text-align: center;
  animation: glow 1s ease-in-out infinite alternate;
}

@-webkit-keyframes glow {
  from {
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #e60073, 0 0 40px #e60073, 0 0 50px #e60073, 0 0 60px #e60073, 0 0 70px #e60073;
  }
  
  to {
    text-shadow: 0 0 20px #fff, 0 0 30px #ff4da6, 0 0 40px #ff4da6, 0 0 50px #ff4da6, 0 0 60px #ff4da6, 0 0 70px #ff4da6, 0 0 80px #ff4da6;
  }
}

.paintchip-wrapper h2 {   /* #1 Source */
  font-size: 2vw;
  color:white;
  text-align: center;
}
.paintchip-wrapper {
  max-width: 70em;
  margin-inline: auto;
  padding-inline: 1em;
}
.paintchip-wrapper img {
	float: right;
	padding-top: 2em;
	max-width: 500px;
	max-height: 25%;
	padding-left: 1em;
}
.paintchip-cost-box {
	background: linear-gradient(
                  45deg, 
                  #12c2e9, 
                  #c471ed, 
                  #f64f59
                );
}  
.wrapper h2 {
	color: blue;
	padding-left: 2em;
	font-size: 2em;
}
.wrapper p {
	color:white;
	font-size: 1.7vw;
	padding-left: 4em;
	padding-right: 4em;
}
.section-title-p {
  font-size: 1.8vw;
  color: white;
}
.process-wrapper {
  max-width: 70em;
  color: white;
  margin-inline: auto;
  padding-inline: 1em;
}
.diagonal h2 {
  font-size: 2.5em;
  max-width: 80em;
  color: white;
  margin-inline: auto;   
  padding-inline: 2em;
}
.process-wrapper p {
	color: black;
	font-size: 1.8vw;

}
section {
  padding-block: 5rem;
}
section h1 {
	background: -webkit-linear-gradient(#12c2e9, #c471ed, #f64f59);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.diagonal {
  --skew-angle: -5deg;
  --background: linear-gradient(
                  45deg, 
                  #12c2e9, 
                  #c471ed, 
                  #f64f59
                );

  position: relative;
/*  isolation: isolate;*/
}

.diagonal::after {
  content: '';
  background: var(--background);
  position: absolute;
  z-index: -1; 
  inset: 0;
  transform: skewY(var(--skew-angle));
}

.paintchiprepair h2 {
	font-size: 4vw;
	background: -webkit-linear-gradient(#eee, #6a13cf);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;		 
	text-shadow: 3px 3px Silver;
	text-align:center;
	transform: rotate(4deg);
}
.paintchiprepair p {
	font-size: 1.3vw;
	text-align:left;
	padding-left: 5em;
	transform: rotate(4deg);
	max-width: 1350px;
}	
.solutions {  /* Container */
	position: relative; 
	padding-left: 1em;
	color: white;
	background-color: black;
	background-size: cover;
	display: block;
	width: 120%;
	height: 400px;
	top: -5%;
	left: -4em;
	overflow: hidden;
	z-index: 2;
	transform: rotate(-4deg);
}
.solutions h4 {
	font-size:3vw;
	text-align:center;
	color:DeepPink;
	transform: rotate(4deg);
}
.solutions p {
	font-size: 1.3vw;
	color:white;
	text-wrap-style: balance;
	padding-left:5em;
	padding-right:15em;
	transform: rotate(4deg);
}
#pc-button {
	left: 2em;
	image-align: center;
}

.rockchip-container {
	color: white;
	background-color: #190033;
	background-size: cover;
	max-height: 600px;
	display: grid;
	grid-template-rows: 4vw 6vw 2.5vw 10vw 3vw 9vw 4vw 2vw;
	grid-template-columns: 1fr 1fr;
	color: white;

	font-size: 1.6vw;
}
.Rock-6 {  /* Paint Chip Repair Process */
	grid-row: 2 / 2;  
	grid-column: 1 / 6;
	font-size: 2.6vw;
	padding-left: 1.5em;
}
.Rock-7 {  /* 1 */
	grid-row: 3 / 3;  
	grid-column: 1 / 5;
	font-size: 2.4vw;
	padding-left: 1em;
	color: red;
}
.Rock-7A {  /* Cleaning the Area */
	grid-row: 3 / 3;  
	grid-column: 1 / 1;
	font-size: 1.7vw;
	padding-left: 3em;
}
.Rock-8 {
	grid-row: 4 / 4;  
	grid-column: 1 / 1;
	font-size: 1.5vw;
	padding-left: 4em;
	max-width: 600px;
}
.Rock-9 {  /* 3 */
	grid-row: 3 / 3;  
	grid-column: 2 / 2;
	font-size: 2.4vw;
	color: red;
}
.Rock-9A {
	grid-row: 3 / 3;  
	grid-column: 2 / 2;
	font-size: 1.7vw;
	padding-left: 1.9em;
}
.Rock-9B {
	grid-row: 4 / 4;  
	grid-column: 2 / 2;
	font-size: 1.5vw;
	padding-left: 2.5em;
	max-width: 600px;
}
.Rock-10 {  /* 2 */
	grid-row: 5 / 5;  
	grid-column: 1 / 1;
	font-size: 2.4vw;
	padding-left: 1em;
	color: red;
}
.Rock-10A {
	grid-row: 5 / 5;  
	grid-column: 1 / 1;
	font-size: 1.7vw;
	padding-left: 3em;
}
.Rock-10B {
	grid-row: 6 / 6;  
	grid-column: 1 / 1;
	font-size: 1.5vw;
	padding-left: 4em;
	max-width: 600px;
}
.Rock-11 {   /* 4 */
	grid-row: 5 / 5;  
	grid-column: 2 / 2;
	font-size: 2.4vw;
	color: red;
}
.Rock-11A {   /* Final Touch Up */
	grid-row: 5 / 5;  
	grid-column: 2 / 2;
	font-size: 1.7vw;
	padding-left: 1.9em;
}
.Rock-11B {
	grid-row: 6 / 6;  
	grid-column: 2 / 2;
	font-size: 1.5vw;
	padding-left: 2.5em;
	max-width: 600px;
}

/* ============================================ Our Services =======================================*/
.Pbox-title {
	position: absolute;
	top: 50%;
	left: 50%;
	text-wrap: nowrap;
	font-size: 2.5vw;
	font-weight: 800;
	color:white;
	text-shadow: 2px 2px black;
	transform: translate(-50%, -50%);
}
.Pbox-title h2 { text-align: center; font-size: 2.6vw; }

.Our-Services { 
	font-size: 4vw;
	text-align: center;
	color: DarkOrange;
	}

.container-1 {
	width: 100%;
	font-family: "Bai Jamjuree", serif;
	font-weight: 400;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 20px;
}

.image {
	width: 340px;
	position: relative;
}
.image img {
	width: 100%;
	height: 340px;
	display: block;
	margin: auto;
	border-width: 2px;
	border-style: solid;
	border-image: linear-gradient(to right, orange 0%, cyan 100%) 1;
}
.Pbox-1 {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	background: rgba(0,0,0,0.6);
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column; 
	opacity: 0;
	transition: 0.6s;
}
.Pbox-1 button {
	color: black;
	background: gold;
	border: 2px;;
	border-style: solid;
	border-color: orange;
   border-radius: 5px;
	padding: .3vw .3vw; 
	text-align: center;
	text-decoration: none;
	cursor: pointer;
}
.Cbox-A { text-align: center; }
.Pbox-1 button:hover {
	background: black;
	color: white;
}
.Pbox-1:hover {
	opacity: 1;
}
.Pbox-1 h4 {
	font-size: 2vw;
	color: white;
	font-weight: 400;
	margin-bottom: 15px;
	padding-left: 1em;
	padding-right: 1em;
}
.Pbox-1 p {
	font-size: 1.3vw;
	color: white;
	padding-left: 1em;
	padding-right: 1em;
} 
.Pbox-1 > *{
	transform:translateY(25px);
	transition: transform 0.6s;
}
.Pbox-1:hover *{
	transform:translateY(0px);
}


/* ================================================================================================== */
.container-3 {
	display: flex;
	min-height: 20vw;
	width: 100%
}

.four-across {
	display: flex;
	margin-left: auto;
	margin-right: auto;
}
.Obox-1 {
	font-size: 3.0vw;
	text-align: center;
}

.Obox-2 { 
	flex-direction: column; 
	margin-left: auto;
	margin-right: auto;
	cursor: pointer;
}

.box:hover { background-color: blue; }

/* ================================================================================================== */
.box {
	background-color: #3383b0;
	border: 2px;
	border-style: solid;
	border-color: blue;
    border-radius: 5px;
	color: white;  /* Text Color */
	padding: 15px 12px; 
	text-align: center; 
	text-decoration: none;
	display: inline-block; 
	font-size: 1.5vw;
	margin: 1px 1px; 
	cursor: pointer;
}

/* ================================================================================================== */
.container-4 {
	display: flex;
	width: 100%
	align-items: center;
	justify-content: center; 
}

.Mbox-1 {   /* Header Text */
	padding-left: 1em; 
	padding-top: .5em;
	font-size: 3vw;
	color: white;
	text-align: center;
}

.Mbox-3 p {   /* Header Text */
	padding-left: 1em; 
	padding-right: 1em;
	padding-top: .3em;
	padding-bottom: 10px;
	font-size: 1.6vw;
	color: black;
}

/* ================================================================================================== */
.container-5 {
	display: flex;
	min-height: 15vw;
	width: 100%;
}
.Abox-1 h3 {   /* Header Text */
	padding-left: 2em; 
	padding-top: 2em;
	color:yellow;
	font-size: 3vw;
	text-align: center;
}
.five-across {
	display: flex;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.Abox-2 { 
	flex-direction: column; 
	margin-left: auto;
	margin-right: auto;
	cursor: pointer;
}
.Abox-2 img {
	width: 20vw;
	height: 15vw;
	border:2px solid blue;
}
.Abox-2 img:hover { filter: opacity(30%); }   

/* ************************************** FOOTER *************************************** */
.footer-container {
	display: grid;
	grid-template-rows: 4.5em 4em 5em 4em 3em 3em 3em 1% 1%;   
	grid-template-columns: 9.5% 9.5% 9.5% 9.5% 9.5% 9.5% 9.5% 7.5% 7.5% 7.5% 7.5% ;
	border-top: 5px solid blue;
	padding-top: 8px;
	background: -webkit-linear-gradient(#051650, black);
}

.footer-1 img {        /*  APC Logo  */
	grid-row: 1 / 1;  
	grid-column: 1 / 5;
	width: 18vw;
	padding-left: .5em;  
	padding-right: 1rem;

}
.footer-1A {  /* text below APC logo */
	grid-row: 4 / 4;
	grid-column: 1 / 3;
	font-size: 1vw;	
	color: white;
	padding-left: 1em;
	max-width: 210px;
	text-align: center;
}

.footer-2 {   /* Services  */
	grid-row: 1 / 1;  
	grid-column: 4 / 4;
	color: white;
	font-size: 3vw;	
	padding-right: 2em; 
} 

.footer-2A:hover { filter: opacity(30%); }
.footer-2A img { width: 40%; }  /* Facebook  */
.footer-2A {
	grid-row: 1 / 1;  
	grid-column: 6 / 6;
	cursor: pointer;
} 

.details:hover {  color: red;  }
.footer-3 {   
	grid-row: 2 / 2;  
	grid-column: 3 / 7;
	color: white; 
	font-size: 1.3vw;	
	text-align: left;
	text-decoration: underline;
	text-decoration-color: blue; 
}
.footer-3A {   
	grid-row: 2 / 5;  
	grid-column: 5 / 7;
	color: white; 
	font-size: 1.3vw;	
	text-align: left;
	text-decoration: underline;
	text-decoration-color: blue; 
}
.footer-3B img:hover { filter: sepia(100%); }   /* Map Image*/
.footer-3B img {  width: 38vw; }
.footer-3B {
	grid-row: 1 / 1;  
	grid-column: 7 / 7;
}
.footer-3C {  /* Contact US */
	grid-row: 6 / 6;  
	grid-column: 3 / 6 ;
	color: white; 
	font-size: 2.5vw;	
	padding-left: 3em;
}
.footer-3D img {  width: 38vw; }  /* Payment Types */
.footer-3D {
	grid-row: 5 / 5;  
	grid-column: 7 / 7;
}
.footer-4:hover { filter: opacity(40%); }
.footer-4 {  /*   Phone Number */
	grid-row: 7 / 7;  
	grid-column: 2 / 4;
	text-decoration:none;
	font-size: 1.5vw;	
	cursor: pointer;
	padding-left: 3em;
}
.footer-5:hover { filter: opacity(30%);; }
.footer-5 {
	grid-row: 7 / 7;    /* email */
	grid-column: 4 / 7;  
	font-size: 1.4vw;
	cursor: pointer;
	padding-left: 3em;
}
.footer-7 {  /* Hennessey Development */
	grid-row: 9 / 9;    
	grid-column: 3 / 10; 
	font-size: 1.1vw;	
	color:white;
	text-align: center;
	padding-right: 50px;
}

/*************************************************** Contact Us *****************************************************************/
.contact-box { 
	padding-top: 1em; 
	font-family: "Bai Jamjuree", serif;
	font-weight: 400;
}

.contact-box h2 {
	font-size: 2.5vw;
	color: blue;
	text-align: center;
	padding-left: 1rem;
}
.contact-box h3 {
	text-align: center;
	color: black; 
	font-size: 2.7vw;
	padding-left: 1em;
}
.contact-box h4 {
	text-align: left;
	Padding-left: 2em;
	color: #A30000;
	font-size: 1.4vw;
}
.contact-entry {
	margin-top: 1em;
	font-family: "Bai Jamjuree", serif;
	font-weight: 400;
	padding-left: 2em; 
	color: black;
	font-size: 1.5vw;
}

.inp::-webkit-input-placeholder { font-size: 1.3vw; color: #A30000; }
.inp2 { height: 10px; }
.inp2::-webkit-input-placeholder { font-size: 1.3vw; color: black;  }
.inp3::-webkit-input-placeholder { font-size: 1.5vw; color: black;  }
.msg-box::-webkit-input-placeholder { font-size: 1.3vw; color: black; }
.column0 { 
	display: grid;  
	grid-template-columns: 45% 45%;
	gap: 10px;
	margin-bottom: 10px; 
}  /* Name */
.column1 {  /* Address */
	display: grid;  
	grid-template-columns: 45% 15% 15% 15%;
	gap: 10px;
	margin-bottom: 10px;
}
.column1A label { 
	font-size: 1.4vw;
	color: blue;
}
.column1A { 
	input[type="checkbox"] { transform: scale(1.8); }  
	padding-left: .5em;
}
.column2 { 
	display: grid;  
	grid-template-columns: 45% 45%;
	gap: 10px;
	margin-bottom: 10px; 
}
.column3 {  /* Vehicle */
	display: grid;  
	grid-template-columns: 15% 15% 15% 15%;
	gap: 10px;
	margin-bottom: 10px;
}
input[type="radio"] { transform: scale(1.6); }
.column3A p {font-size: 1.6vw; }
.column3A {  /* Seat Type */
	margin-bottom: 10px;
	color: black;
}
input[type="checkbox"] { transform: scale(1.6); }
.column3B {  /* Vehicle */
	margin-bottom: 10px;
	color: black;
}
input[type="checkbox"] { transform: scale(1.6); }
.column3C {  /* Vehicle */
	margin-bottom: 10px;
	color: black;
}
.column4 { width: 45%; margin-bottom: 10px; }  /* Hear About Us */
.column5 {
	display: grid;  
	grid-template-columns: 36% 38% 15%;
	gap: 10px;
	margin-bottom: 10px;
}

.column5A {
	grid-row: 1 / 1;  
	grid-column: 1 / 1;
}
.column5B {
	grid-row: 1 / 1;  
	grid-column: 2 / 2;
}
.column5C {
	grid-row: 1 / 1;  
	grid-column: 3 / 3;
}
.column5C img { width: 15em; border: 3px solid blue;}
.column5M { width: 45%; margin-bottom: 5px; }  /* Message */
.column5M a:hover { cursor: pointer; background: cyan; }  /* Photos */
.column5N0, .column5N1, .column5N2, .column5N3 p { color: black; }
.column5N0, .column5N1, .column5N2, .column5N3  { input[type="file"] { transform: scale(1.5); } }
.column5N0  input[type="file"]::file-selector-button:hover { color: white; background-color: blue; }
.column5N0  input[type="file"]::file-selector-button 
	{ 	color: blue; 
		background: white;
		cursor: pointer; 
		border: 1px solid blue;
		border-radius: 10px;
	}
.column5N1  input[type="file"]::file-selector-button:hover { color: white; background-color: red; }
.column5N1 input[type="file"]::file-selector-button 
	{ 	color: red; 
		background: white;
		cursor: pointer; 
		border: 1px solid blue;
		border-radius: 10px;
	}
.column5N2  input[type="file"]::file-selector-button:hover { color: white; background-color: green; }
.column5N2 input[type="file"]::file-selector-button 
	{ 	color: green; 
		background: white;
		cursor: pointer; 
		border: 1px solid blue;
		border-radius: 10px;
	}
.column5N3  input[type="file"]::file-selector-button:hover { color: white; background-color: orange; }
.column5N3 input[type="file"]::file-selector-button 
	{ 	color: darkorange; 
		background: white;
		cursor: pointer; 
		border: 1px solid blue;
		border-radius: 10px;
	}

.column5P { 
			padding-top: 1em;
			display: grid;
			grid-template-columns: .22fr 1fr;
			gap: 15px;
}
.column5P input { font-size: 1.6vw; }
.column5P p { padding-top: 10px; }
.column6 {
	display: grid;  
	grid-template-columns: 37% 15% 32%;
	gap: 10px;
	margin-bottom: 10px;
	input[type="checkbox"] { transform: scale(1.8); }
}
.column6A {
	grid-row: 1 / 1;  
	grid-column: 1 / 1;
	color: blue;
	font-weight: bold;
}
.column6B {
	grid-row: 1 / 1;  
	grid-column: 2 / 2;
	font-size: 1vw;
	color: green;
	cursor: pointer;
}
.column6C {
	grid-row: 1 / 1;  
	grid-column: 3 / 3;
	padding-left: 1.1em;
	color: Crimson;
	font-weight: bold;
}

input[type=text], [type=tel], [type=email], select, textarea {
 width: 100%;
 padding: 1vh;
 background-color:lightgrey;
}

input[type=submit] {
 background-color: green;
 color: white;
 font-size: 1.4vw;
 padding: 1vh 3vh;
 border: none;
 border-radius: 10px;
 cursor: pointer;
}

input[type=submit]:hover {
   background-color: blue;
}
input[type=reset]:hover {
   background-color: red;
}

input[type=reset] {
 background-color: green;
 color: white;
 font-size: 1.4vw;
 padding: 1vh 3vh;
 border: none;
 border-radius: 10px;
 cursor: pointer;
}

 /*##################################### Gallery #######################################*/
.GalleryExteriors h1{ 
	text-align: center;
	font-size: 4vw;
	color: white;
	padding-top: 90px;
}
.GalleryInteriors h1{ 
	text-align: center;
	font-size: 4vw;
	color: white;
	padding-top: 90px;
}
.Gwrapper { /*Thumbnail Styles */
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(200px,230px));
	box-sizing: border-box;
	justify-items: center;
	grid-gap: 7px;
	padding-left: 1em;
	padding-top: 10px; 
 }
.Gwrapper img{
	width: 205px;;
	border-radius: 15px;
	object-fit: cover;
}
.Gwrapper img:hover{ 
	transform: scale(1) rotate(4deg);
	box-shadow: 0 0 11px rgba(0, 0, 0, .5);
}

.G-grid-box img{ 
	width:100%; 
	display: block;
	transition: all .2s ease-in-out;
}

/*##################################### Get A Quote #######################################*/
.Ack-button {
	background-color: blue;
	color: white;
	font-family: "Poppins", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1.3vw;
	border: 2px;
	border-style: solid;
	border-color: red;
    border-radius: 5px;
}
.Ack-button:hover {
	background-color: green;
}
.button {
	background-color: var(--b);
	font-family: "Poppins", sans-serif;
	font-weight: 400;
	font-style: normal;
	border: 2px;
	border-style: solid;
	border-color: var(--bdr);
    border-radius: 5px;
	color: var(--c);
	padding: var(--wth) var(--hgt); 
	text-align: center;
	text-decoration: none;
	font-size: var(--fs);
	margin: 1vw 2vw;
	cursor: pointer;
}
.button:hover {
	background-color: blue;
}
/*############################## Paint Overspray #######################################*/
.Overspray-Container {
	position: relative;
	font-family: "Poppins", sans-serif;
	font-weight: 400;
	font-style: bold;
	background: black;
	color: white;
	text-align: center;
	border-top: 5px solid white;
	}
.Overspray-Container img { opacity: 0.40; } 
.title {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 5.5vh;
	width: 90%;
	
}
.Whats-Overspray {
	padding-top: 2vh;
	font-family: "Poppins", sans-serif;
	font-weight: 400;
	font-style: normal;
	display: grid;
	grid-template-rows: 1fr;
	grid-template-columns: 50% 50%;
	color: black;
	background: white;
	text-align: left;
	grid-template-areas:
		"left right";
	padding-left: 1em;
	padding-right: 1em;
}
.OS-1 { 
	grid-area: left;
	}
				
.OS-2 {
	grid-area: right;
	padding-top: 4vh;
}
.OS-2 img { padding-left: 1em; width: 100%; }

.Skipping-DIY {
	padding-top: 2vh;
	font-family: "Poppins", sans-serif;
	font-weight: 400;
	font-style: normal;
	color: black;
	background: #F2F2F2;
	text-align: left;
	padding-left: 1em;
	padding-right: 1em;
}
.Skipping-DIY h2 { font-size: 2.5vw; }
.Skipping-DIY p {
	padding-top: 4vh;
	font-size: 2.1vh;
}
.Removing-Overspray {
	padding-top: 2vh;
	font-family: "Poppins", sans-serif;
	font-weight: 400;
	font-style: normal;
	display: grid;
	grid-template-rows: 1fr;
	grid-template-columns: 50% 50%;
	color: black;
	background: white;
	text-align: left;
	grid-template-areas:
		"left right";
	padding-left: 1em;
	padding-right: 1em;
}
.ROS-1 { 
	grid-area: left;
	}
				
.ROS-2 {
	grid-area: right;
	padding-top: 4vh;
}
.ROS-2 img { padding-left: 3em; width: 70%; }

/*############################## Exterior Polishing #######################################*/
.Polishing-Container {
	font-family: "Poppins", sans-serif;
	font-weight: 400;
	font-style: normal;

}
.polishcontainer-1 {
	margin-top: 0px;
	padding-top: 50px;
	position: relative;
}
.Pitem-1 img { 
	width:80%;
	padding-top: 20vn;
	padding-left: 15vw;
}

.overlay-image {  /* Interior Detailer */
	width: 25em;
	opacity: 0.19;
	position: absolute;
	top: 50px;
	left: 0px;
}
.Pitem-2A { text-align: center; }
.Pitem-2A h1 { 
	font-family: "Poppins", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 3vw; 
	color: cyan; 
	}

.polishcontainer-2 {
	display: flex;
	margin-top: 0px;
	padding-top: 0px;
	padding-left: 2rem;
}

.Pitem-3 p { font-size: 2vn;  font-weight: normal;}  
.Pitem-3 {
	flex 3;
}

.Pitem-5 img { width: 67vh;	height: 35vh; }   /* before/after image */
.Pitem-5 {
	flex 1;
}

.polishing-price {
	background-color: skyblue;
	height: 43vn;
	display: grid;
	grid-template-rows: 6vn 10vn 30vn 30vn;
	grid-template-columns: repeat(8, 26vn); 
}
.polishing-price div {
	text-align: center;
}
.pol-1 {
	grid-row: 1 / 1;  
	grid-column: 1 / 5;
	padding-left: 6vh;
}
.pol-2 {
	grid-row: 2 / 2;
	grid-column: 1 / 5;
}
.pol-3 img { width: 60vw; height: 13vw;}
.pol-3 {
	grid-row: 3 / 3;
	grid-column: 2 / 4;
	padding-top: 10px;
}
.pol-4 {
	grid-row: 3 / 3;
	grid-column: 1 / 2;
}

.flex-about-P {
	display: flex;
	padding-top: 10px;
	color: black;
}

.flex-about-P img { width:60vw; float:left; 
				  shape-outside: inherit; 
				  shape-margin: 20px; 
				  padding-right: 1em;
				} 
				
.flex-about-P div {
	background-color: white;
	margin: 10px;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 2.1vh;
    border-radius: 10px;
}
.flex-about-P2 {
	background-color: #F9F6EE;
	color: black;
	margin: 10px;
	font-size: 2.1vh;
	padding-left: 20px;
	padding-right: 20px;
    border-radius: 10px;
}

.polish-pics {     /* Polishing cars  */
	padding-top: 20px;
	font-family: "Poppins", sans-serif;
	font-weight: 400;
	font-style: normal;
	display:grid;
	color: blue;
	padding-left: 1em;
	grid-template-rows: 10% .05fr .05fr 2% 30px ;
	grid-template-columns: .5fr 1.5fr 1.5fr 1.5fr .5fr;
	text-align: center;
	white-space: nowrap;
	grid-template-areas:
		"POsidebar1 selpcar1 selpcar2 selpcar3 POsidebar2"
		"POsidebar1 main main main POsidebar2"
		"POsidebar1 POcontent4 POcontent5 POcontent6 POsidebar2"
		"POsidebar1 POmessage1 POmessage1 POmessage1 POsidebar2"
		"POfooter1 POfooter2 POfooter3 POfooter4 POfooter5";
		
		grid-gap: 1rem;
}
	#selpcar1 {
		grid-area: selpcar1;
	}
	#selpcar1 h2 {
		color: white;
		font-size: 1.5vw;
	}
	#selpcar2 {
		grid-area: selpcar2;
	}
	#selpcar2 select { 
		font-size: 1.4vw; 
		}
	
	#selpcar3 img:hover { 
		transform: scale(1.1);
		cursor: pointer;
	}
	#selpcar3 img { width: 12vw; }
	#selpcar3 {
		grid-area: selpcar3;
	}
	#selpcar4 {
		grid-area: selpcar4;
		display: none;
	}
	
	#polish6 { font-size: 1.3vw; color:#66ff00; background:black;  display: block; }

	#POsidebar1{ grid-area: POsidebar1; }
	#POsidebar2{ grid-area: POsidebar2; }
	
	#POcontent6 h2 {  
		text-align: center;
		line-height: 1;
		font-size: 3.3vw;
		-webkit-text-fill-color: white;
		-webkit-text-stroke: .5px black;
	}
	#POcontent6 h7 { 
		text-align: center;
		font-weight: bold;
		font-size: 2.1vw;
		line-height: 1;
	}
	#POcontent6 h4 {  text-align: center; font-size: 3.5vw; color: yellow;}
	#POcontent6 h5 {  text-align: center; font-size: 1.5vw; color: cyan;}
	#POcontent6 p { text-align: left; padding-left: .5em; color: black; font-size: 1.25vw; }
	#POcontent6 {
		grid-area: POcontent6;
		color: white;
		padding-left: .1em;
		padding-right: .6em;
		border-radius: 15px;	
		background-image: linear-gradient(to bottom, green, 38%, white, 30%, white);
		border: 1px solid #b590e0;
	}
	#POcontent5 h4 {  text-align: center; font-size: 3.5vw; color: yellow;}
	#POcontent5 h5 {  text-align: center; font-size: 1.5vw; color: cyan;}
	#POcontent5 p { text-align: left; padding-left: .5em; color: black; font-size: 1.25vw; }
	#POcontent5 {
		grid-area: POcontent5;
		color: white;
		padding-left: .5em;
		padding-right: .8em;
		border-radius: 15px;	
		background-image: linear-gradient(to bottom, #F28C28, 38%, white, 30%, white);
		border: 1px solid #b590e0;
	}
	#POcontent5 h7 { 
		text-align: center;
		font-weight: bold;
		font-size: 2.1vw;
		line-height: 1;
	}
	#polish5 { font-size: 1.3vw; color:DarkOrange; background:black; display: block; }

	#POcontent5 h2 {  
		text-align: center;
		line-height: 1;
		font-size: 3.3vw;
		-webkit-text-fill-color: white;
		-webkit-text-stroke: .5px black;
	}
	#POcontent4 h2 { 	
		text-align: center;
		line-height: 1;
		font-size: 3.3vw;
		-webkit-text-fill-color: white;
		-webkit-text-stroke: .5px black;
	}
	#POcontent4 h7 { 
		text-align: center;
		font-weight: bold;
		font-size: 2.1vw;
		line-height: 1;
	}
	#POcontent4 h4 {  text-align: center; font-size: 3.5vw; color: yellow;}
	#POcontent4 h5 {  text-align: center; font-size: 1.5vw; color: cyan;}
	#POcontent4 p { text-align: left; padding-left: .5em; color: black; font-size: 1.25vw; }
	#POcontent4 p { text-align: left; color: black; font-size: 1.25vw; }
	#POcontent4 {
		grid-area: POcontent4;
		border-radius: 15px;	
		color: white;
		padding-left: .5em;
		padding-right: .8em;
		background-image: linear-gradient(to bottom, #5D3FD3, 38%, white, 30%, white);
		border: 1px solid #b590e0;
	}
	#polish4 { font-size: 1.3vw; color:#BF40BF; background:black; display: block; }

	#POmessage1 {
		grid-area: POmessage1;
		color:yellow;
		font-size: 1.3vw;
		text-align: left;
	}
	#POfooter2 {
		grid-area: POfooter2;
	}
	#POfooter3 {
		grid-area: POfooter3;
	}
	#POfooter3 img { width: 12vw; }
	#POfooter4 {
		grid-area: POfooter4;
	}

/*############################## Glass Coating #######################################*/
.glass-container {
	display: grid;
	grid-template-rows: 6vw 28vw 25vw 27.5vw 1vw 1vw;
	grid-template-columns: 40% 30% 30%;
	font-family: "Bai Jamjuree", serif;
	font-weight: 400;
	font-style: normal;
}
.glass-1 h2 {
	grid-row: 1 / 1;  
	grid-column: 2 / 3;  
	color: white;
	font-size: 4vw;
	white-space: nowrap;
	padding-left: 2.8em;
}
.glass-2 img { width: 68vw;	border-radius: 5px;}
.glass-2 {
	grid-row: 2 / 2;  
	grid-column: 1 / 5;  
	padding-left: 1em;
}
.glass-3 img { width: 25vw;	border-radius: 5px;}
.glass-3 {
	grid-row: 2 / 2;  
	grid-column: 3 / 5;  
	padding-left: 2em;
	cursor: pointer;
}
.glass-4 {
	grid-row: 3 / 6;  
	grid-column: 3 / 5;  
	padding-left: 1em;
	padding-top: 1em;
	background-color: #262221;
	color: white;
	font-size: 1.4vw;
}
#glass4 { color: yellow; }
.glass-5 img { 
	width: 50vw;	
	border-radius: 10px;
	border: 2px solid black;
}
.glass-5 {
	grid-row: 4 / 6;  
	grid-column: 1 / 4;  
	padding-left: 8em;
	cursor: pointer;
}
/*############################## Ceramic Coating #######################################*/
.ceramic-container {
	font-family: "Bai Jamjuree", serif;
	font-weight: 300;
	font-style: normal;
	padding-top: clamp(5em, 9vw, 7em); 
}
.ceramic-container h1 { 
	color: white;
	font-size: 3vw;
	text-align: center;
}

.ceramic-cost { background: #F4DFFF; }
.ceramic-cost h3 { font-size: 3vw; text-align: center; color: blue; }	
.ceramic-cost p { font-size: 1.5vw; text-align: center; color: blue; }	
.ceramic-cost h4 { font-size: 2vw; text-align: center; color: Crimson; }

/*###################################### ENGINE #########1##############################*/

.enginecontainer {
	font-family: "Bai Jamjuree", serif;
	font-weight: 400;
	display: grid;
	grid-template-rows: 6vw 4vw 1vw 6vw 3vw 5.8vw 4vw 7vw 7vw 7vw 7vw 3vw 6vw 3vw 6vw 3vw 5vw 7vw;
	grid-template-columns: 1fr 1fr;
	color: black;
	background-image: linear-gradient(black,#FFAC1C,darkorange,darkorange);
	font-size: 1.6vw;
}

.Eng-1 {  /* Thorough  Engine Cleanings */
	grid-row: 2 / 2;  
	grid-column: 1 / 6;
	font-size: 2.5vw;
	color: white;
	text-align: center;
}
.Eng-2 {
	grid-row: 4 / 4;  
	grid-column: 1 / 6;
	font-size: 2vw;
	text-align: center;
	padding-top: .5em;
	color: cyan;
}
.Eng-3 {   /* Under the Hood */
	grid-row: 5 / 5;  
	grid-column: 1 / 2;
	font-size: 1.85vw;
	padding-left: 1rem;
	font-weight: bold;
}
.Eng-4 {
	grid-row: 6 / 6;  
	grid-column: 1 / 1;
	font-size: 1.8vw;
	padding-left: 1rem;
}
.Eng-4A img { width:28vw; opacity: 0.8; border-radius: 8px; }  /*  Engine Steam Gif  */
.Eng-4A {
	grid-row: 8 / 8;  
	grid-column: 1 / 2;
	padding-left: 14.5em;
	padding-top: 2em;
}
.Eng-5 img { width:40vw; border-radius: 8px; }  /*  Before/After Engine img  */
.Eng-5 {
	grid-row: 5 / 5;  
	grid-column: 2 / 5; 
	text-align: center;
}
.Eng-5A {
	grid-row: 9 / 9;  /* Get Quote */
	grid-column: 1 / 1;
}
.Eng-6 {  /* Our Engine Cleaning Process */
	grid-row: 11 / 11;  
	grid-column: 1 / 6;
	font-size: 2.6vw;
	padding-top: .5em;
	padding-left: 1em;
}
.Eng-7 {  /* 1 */
	grid-row: 12 / 12;  
	grid-column: 1 / 5;
	font-size: 2.6vw;
	padding-left: 1em;
	color: red;
}
.Eng-7A {  /* Inspect Engine Bay */
	grid-row: 12 / 12;  
	grid-column: 1 / 1;
	font-size: 2vw;
	padding-left: 2.5em;
}
.Eng-8 {
	grid-row: 13 / 13;  
	grid-column: 1 / 1;
	font-size: 1.7vw;
	padding-left: 3em;
	max-width: 47500px;
}
.Eng-9 {  /* 4 */
	grid-row: 12 / 12;  
	grid-column: 2 / 2;
	font-size: 2.6vw;
	color: red;
}
.Eng-9A {
	grid-row: 12 / 12;  
	grid-column: 2 / 2;
	font-size: 1.9vw;
	padding-left: 1.9em;
}
.Eng-9B {
	grid-row: 13 / 13;  
	grid-column: 2 / 2;
	font-size: 1.7vw;
	padding-left: 2em;
}
.Eng-10 {  /* 2 */
	grid-row: 14 / 14;  
	grid-column: 1 / 1;
	font-size: 2.6vw;
	padding-left: 1em;
	color: red;
}
.Eng-10A {
	grid-row: 14 / 14;  
	grid-column: 1 / 1;
	font-size: 2vw;
	padding-left: 2.5em;
}
.Eng-10B {
	grid-row: 15 / 15;  
	grid-column: 1 / 1;
	font-size: 1.7vw;
	padding-left: 3em;
	max-width: 500px;
}
.Eng-11 {   /* 5 */
	grid-row: 14 / 14;  
	grid-column: 2 / 2;
	font-size: 2.6vw;
	color: red;
}
.Eng-11A {   /* Final Touch Up */
	grid-row: 14 / 14;  
	grid-column: 2 / 2;
	font-size: 2vw;
	padding-left: 1.9em;
}
.Eng-11B {
	grid-row: 15 / 15;  
	grid-column: 2 / 2;
	font-size: 1.7vw;
	padding-left: 2em;
	max-width: 500px;
}
.Eng-12 {   /* 3 */
	grid-row: 16 / 16;  
	grid-column: 1 / 1;
	font-size: 2.6vw;
	padding-left: 1em;
	color: red;
}
.Eng-12A {   
	grid-row: 16 / 16;  
	grid-column: 1 / 1;
	font-size: 2vw;
	padding-left: 2.5em;
}
.Eng-12B {
	grid-row: 17 / 17;  
	grid-column: 1 / 1;
	font-size: 1.7vw;
	padding-left: 3em;
	max-width: 500px;
}
.Eng-12C {    /* NOTE: */
	grid-row: 17 / 17;  
	grid-column: 2 / 2;
	padding-left: 1em;
	padding-right: 1em;
	color: darkblue;
	max-width: 600px;
}
.Eng-13 {    /* Get Quote */
	grid-row: 18 / 19;  
	grid-column: 1 / 1;
	padding-top: 1em;
	padding-left: 1em;
}
.Eng-13A {
	grid-row: 19 / 19;  
	grid-column: 1 / 4;
	font-size: 2vw;
	padding-left: 1.2em;
	color: blue;
}

/*###################################### Water Spot Repair ########################################*/
.Waterspot-container {
	top: 0;
	display: grid;
	grid-template-rows: 1vw 6vw .4vw 6vw 20vw 15vw 6vw;   
	grid-template-columns: 38vw 30vw 30vw;
	background-color: black;
	background-image: linear-gradient( to right, #36454F, black);
	color: white;
}
.Spot-1 {   /* Water Spot Removal */
	grid-row: 2 / 2;  
	grid-column: 1 / 6;
	font-family: "Times New Roman", Times, serif;
	font-size: 1.8vw;
	color: white;
	text-align: center;
	padding-top: .5em;
}
.Spot-2 {
	grid-row: 3 / 3;  
	grid-column: 1 / 6;
	text-align: center;
	font-size: 2vw;
	color: cyan;
}
.Spot-3 h1 {   }
.Spot-3 {   /* Water Spot Removal*/
	grid-row: 5 / 5;  
	grid-column: 1 / 1;
	padding-left: 1rem;
	padding-right: 1rem;
	font-size: 1.5vw;
	max-width: 28em;
}
.Spot-4 img { width:30vw;  }  /*  Paint Waterspot img  */
.Spot-4 {
	grid-row: 5 / 5;  
	grid-column: 2 / 2;
}
.Spot-5 img { width:30vw;}  /*  Glass Waterspot img  */
.Spot-5 {
	grid-row: 5 / 5;  
	grid-column: 3 / 3;
}
.Spot-6 {   /* Get A Quote */
	grid-row: 6 / 6;  
	grid-column: 1 / 1;
}
.Spot-7 {   /* Water Spot */
	grid-row: 6 / 6;  
	grid-column: 2 / 2;
}
.Spot-8 {   /* Water Spot */
	grid-row: 6 / 6;  
	grid-column: 3 / 3;
	padding-left: .5rem;
	padding-right: 1.1rem;
}
.Spot-9 {   /* Water Spot */
	grid-row: 7 / 7;  
	grid-column: 1 / 1;
	font-size: 1.8vw;
	padding-left: 1rem;
}
/*###################################### Headlight Restore ########################################*/
.headlightcontainer {
	display: grid;
	font-family: "Figtree", sans-serif;
	font-style: normal;
	font-weight: 400;
	grid-template-rows: 5vw 5vw 1vw 5vw 14vw;   
	grid-template-columns: 1fr 1fr;
	background-color: black;
	background-image: linear-gradient( to bottom, #36454F, black);
	min-height: 500px; 
	color: white;
}

.Head-1 {   /* Professional Headlight Restoration */
	grid-row: 2 / 2;  
	grid-column: 1 / 6;
	font-size: 1.8vw;
	color: white;
	text-align: center;
	padding-top: .5em;
}
.Head-2 {
	grid-row: 4 / 4;  
	grid-column: 1 / 6;
	text-align: center;
	font-size: 2vw;
	color: DarkOrange;
}
.Head-3 h1 { font-size: 2.0vw; color:white;}
.Head-3 {   /* Ultimate Headlight...*/
	grid-row: 5 / 5;  
	grid-column: 1 / 2;
	padding-left: 3em;
	font-size: 1.5vw;
	max-width: 28em;
	color: yellow;
}
.Head-4 img { width:50vw; padding-right: 3em; }  /*  Before/After Headlight img  */
.Head-4 {
	grid-row: 5 / 5;  
	grid-column: 2 / 5;
}
.Head-5 {   /* Get A Quote */
	grid-row: 6 / 6;  
	grid-column: 1 / 1;
	padding-left: 2em;
}

.Restoration, .Process {   /* Choose Your Restoration */
	color: white; 
	background: black;
	font-family: "Figtree", sans-serif;
	font-style: normal;
	font-weight: 400;
	text-align: center;
}
.Restoration { font-size: 2.5vw; }
.Process h2 { font-size: 2.5vw; }
.Restoration p { 
	font-size: 1.4vw; 
}

.restoration-tier {     /* Polishing cars  */
	display:grid;
	grid-template-rows: 1fr 1em;
	grid-template-columns: 1fr 1fr;
	font-family: "Figtree", sans-serif;
	font-style: normal;
	font-weight: 400;
	text-align: center;
	padding-top: 30px;
	grid-template-areas:
		"HL1 HL2";
	grid-gap: 2em;
	background: black;
	padding-left: 6em;
	padding-right: 6em;
}
#HL1:hover {
	transform: translateY(-10px);
	transition-duration: 0.4s;
	transition-timing-function: ease-in-out;	
	cursor: pointer;
	border: .75px solid DarkOrange;
	background-image: linear-gradient(to bottom right, rgba(255,92,0,.25), rgba(255,0,0,0), rgba(255,0,0,0));
}

#HL1 {
	grid-area: HL1;
	border-radius: 15px;	
	border: .75px solid #3c3c3c;
	background: #181818;
}
#HL1 h2 { 	
	color: DarkOrange;
	text-align: left;
	font-size: 1.5vw;
	padding-left: 1em;
}
#HL1 h3 { 	
	color: white;
	font-size: 1.4vw;
	text-align: left;
	padding-left: 1em;
}

#HL1 p {
	padding-top: 10px;
	line-height: 2;
	color: white;
	font-size: 1.7vh;
	text-align: left;
	padding-left: 1em;
}
.symbol { font-size: 60%; }


#HL2:hover {
	transform: translateY(-10px);
	transition-duration: 0.4s;
	transition-timing-function: ease-in-out;	
	cursor: pointer;
	border: .75px solid DarkOrange;
	background-image: linear-gradient(to bottom right, rgba(255,92,0,.25), rgba(255,0,0,0), rgba(255,0,0,0));
}
#HL2 {
	grid-area: HL2;
	border-radius: 15px;	
	border: .75px solid #3c3c3c;
	background: #181818;
}
#HL2 h2 { 	
	color: DarkOrange;
	text-align: left;
	font-size: 1.5vw;
	padding-left: 1em;
}
#HL2 h3 { 	
	color: white;
	font-size: 1.4vw;
	text-align: left;
	padding-left: 1em;
}
#HL2 p {
	padding-top: 10px;
	line-height: 2;
	color: white;
	font-size: 1.7vh;
	text-align: left;
	padding-left: 1em;
}


.processcontainer {
	display: grid;
	font-family: "Figtree", sans-serif;
	font-style: normal;
	font-weight: 400;
	background: black;
	grid-template-rows: 6vw 7vw 6vw 8vw 1vw 5.5vw;   
	grid-template-columns: 50% 50%;
	color: white;
}
.Proc-1 {   /* 1 */
	grid-row: 1 / 1;  
	grid-column: 1 / 1;
	font-size: 2.1vw;
	color: DarkOrange;
	padding-left: 6vw;
}
.Proc-1A {
	grid-row: 1 / 1;  
	grid-column: 1 / 1;
	padding-left: 8vw;
	font-size: 1.4vw;
	color: DarkOrange;
}
.Proc-2 {   /* p */
	grid-row: 1 / 1;  
	grid-column: 1 / 1;
	font-size: 1.2vw;
	padding-left: 8vw;
	padding-top: 2.0vw;
}
.Proc-3 { /* 5  */
	grid-row: 1 / 1;  
	grid-column: 2 / 2;
	font-size: 2.1vw;
	color: DarkOrange;
	padding-left: 3vw;
}
.Proc-3A {
	grid-row: 1 / 1;  
	grid-column: 2 / 2;
	padding-left: 5vw;
	font-size: 1.4vw;
	color: DarkOrange;
}
.Proc-3B {
	grid-row: 1 / 1;  
	grid-column: 2 / 2;
	padding-top: 2.0vw;
	padding-left: 5vw;
	font-size: 1.2vw;
}
.Proc-4 {     /* 2 */
	grid-row: 2 / 2;  
	grid-column: 1 / 1;
	font-size: 2.1vw;
	color: DarkOrange;
	padding-left: 6vw;
}
.Proc-4A {
	grid-row: 2 / 2;  
	grid-column: 1 / 1;
	padding-left: 8vw;
	font-size: 1.4vw;
	color: DarkOrange;
}
.Proc-4B {
	grid-row: 2 / 2;  
	grid-column: 1 / 1;
	font-size: 1.2vw;
	padding-left: 8vw;
	padding-top: 2.5vw;
}
.Proc-5 {  /* 6 */
	grid-row: 2 / 2;  
	grid-column: 2 / 2;
	font-size: 2.1vw;
	color: DarkOrange;
	padding-left: 3vw;
}
.Proc-5A {
	grid-row: 2 / 2;  
	grid-column: 2 / 2;
	padding-left: 5vw;
	font-size: 1.4vw;
	color: DarkOrange;
}
.Proc-5B {
	grid-row: 2 / 2;  
	grid-column: 2 / 2;
	padding-top: 2.5vw;
	padding-left: 5vw;
	font-size: 1.2vw;
}
.Proc-6  {   /* 3 */
	grid-row: 3 / 3;  
	grid-column: 1 / 1;
	font-size: 2.1vw;
	color: DarkOrange;
	padding-left: 6vw;
}
.Proc-6A {
	grid-row: 3 / 3;  
	grid-column: 1 / 1;
	padding-left: 8vw;
	font-size: 1.4vw;
	color: DarkOrange;
}
.Proc-6B {    /* You can start to see */
	grid-row: 3 / 3;  
	grid-column: 1 / 1;
	font-size: 1.2vw;
	padding-left: 8vw;
	padding-top: 2.5vw;
}
.Proc-6C {   /* 7 */
	grid-row: 3 / 3;  
	grid-column: 2 / 2;
	font-size: 2.1vw;
	color: DarkOrange;
	padding-left: 3vw;
}
.Proc-6D {   /* Polish the Headlights */
	grid-row: 3 / 3;  
	grid-column: 2 / 2;
	padding-left: 5vw;
	font-size: 1.4vw;
	color: DarkOrange;
}
.Proc-6E {   /* Finally, we'll */
	grid-row: 3 / 3;  
	grid-column: 2 / 2;
	padding-top: 2.5vw;
	padding-left: 5vw;
	font-size: 1.2vw;
}
.Proc-7 {    /* 4 */
	grid-row: 4 / 4;  
	grid-column: 1 / 1;
	font-size: 2.1vw;
	color: DarkOrange;
	padding-left: 6vw;
}
.Proc-7A {
	grid-row: 4 / 4;  
	grid-column: 1 / 1;
	padding-left: 8vw;
	font-size: 1.4vw;
	color: DarkOrange;
} 
.Proc-7B {    /* You can start to see */
	grid-row: 4 / 4;  
	grid-column: 1 / 1;
	font-size: 1.4vw;
	padding-left: 8vw;
	padding-top: 2.5vw;
}
.Proc-8 {
	grid-row: 5 / 5;  
	grid-column: 1 / 1;
	padding-left: 6vw;
} 
.Proc-8A {
	grid-row: 5 / 5;  
	grid-column: 2 / 2;
	padding-left: 6vw;
	font-size: 1.4vw;
} 
/*############################### Interiors ################################*/
.interiorcontainer {
	font-family: "Poppins", sans-serif;
	font-weight: 400;
	font-style: normal;
	color: white;
	display: grid;
	grid-template-rows: 16% 18% 30%;
	grid-template-columns: 24% 50% 24%;
	gap: 10px;
	padding-left: 2em;
	padding-right: 3em;
	max-height: 33em;
}
.IC-img1 {
	grid-row: 2 / 2;  
	grid-column: 1 / 1;
}	
.IC-img1 img { width: 100%;  }

.IC-title {
	grid-row: 2 / 2;  
	grid-column: 2 / 2;
}	
.IC-title h1 { font-size: 2.8vw; text-align: center; }

.IC-text {
	grid-row: 3 / 3;  
	grid-column: 2 / 2;
}	
.IC-bio {
	grid-row: 4 / 4;  
	grid-column: 1 / 4;
}	
.IC-title p { font-size: .9vw; }
.IC-bio h3 { font-size: 1.1vw; font-weight: 300; }
.IC-img2 {
	grid-row: 2 / 2;  
	grid-column: 3 / 3;
}	
.IC-img2 img { width: 100%;  height: 17em; }

.interiorcontainerNEW { 
	font-family: "Poppins", sans-serif;
	font-weight: 400;
	font-style: normal;
	position: relative;
	color: white;
	font-size: 5vw; 
}

.top-left-NEW {  /* Interior Detailer */
	font-size: 2vw;
	padding-top: 5em;
	text-align: center;
	color: white;
	width: 100%;
}
.warning p {
	color: #FFC000;
	font-size: 1.2vw;
	text-align: left;
	background: rgba(165,42,0,.50);
	margin-left: 22%;
	margin-right: 20%;
	padding-left: 1em;
	padding-right: 1em;
   border-radius: 15px;
	border: .75px solid DarkOrange;
}
.Vehicle-Size {
	padding-top: 1em;
	text-align: center;
}
#VS-title { font-size: 1.5vw; }

.Car-size-selection {
	display:grid;
	text-align: left;
	grid-template-rows: 1fr 1fr;
	grid-template-columns: 50% 50%;
	grid-template-areas:
		"cell-1 cell-2";
	gap: 1em;
	padding-left: 1em;
	padding-right: 1em;
	font-size: 1.3vw;
}
.toggle-btn h5 { 
	font-size: 1.4vw; 
	color: white;
}
.toggle-btn p { 
	font-size: 1vw; 
}
#btn1:hover {
  border-color: #39FF14;	
}
.toggle-btn:active {
	position: relative;
	top: 1px;
}
.active-style {
  background-color: #007bff; /* Example persistent style */
  color: white;
  border-color: #007bff;
}	
#btn1 {
	grid-area: cell-1;
	justify-self: end;
	width: 70%;
	color: rgb(255, 255, 255, .50); 
	background: #303030;
   border-radius: 15px;
	border: .75px solid #39FF14;
	padding-top: 1em;
	padding-bottom: 1em;
	padding-left: 1em;
	padding-right: 1em;
}
#btn2:hover {
  border-color: #39FF14;	
}
#btn2 {
	grid-area: cell-2;
	width: 70%;
	color: rgb(255, 255, 255, .50); 
	background: #303030;
   border-radius: 15px;
	border: .75px solid grey;
	padding-top: 1em;
	padding-left: 1em;
	padding-right: 1em;
}
/*-------------------------------------------------------------------------*/
.interiorexplanation {   /* interior details.html */
	font-family: "Poppins", sans-serif;
	font-weight: 400;
	font-style: normal;
	display:grid;
	color: black;
	grid-template-rows: .01fr .01fr .01fr .01fr .01fr;
	grid-template-columns: 24% 24% 24% 24%;
	text-align: center;
	grid-template-areas:
		"selcar1 selcar2 selcar3 selcar4"
		"icontent5 icontent6 content6 content7"
		"content8 content8 AddOn1 AddOn2"
		"imessage1 imessage2 imessage3 imessage3"
		"ifooter1 ifooter2 ifooter3 ifooter4";
	gap: 1em;
	padding-left: 2em;
	padding-right: 1em;
}
	.blink { animation: blink_smooth 2.5s infinite; }
	@keyframes blink_smooth {
	0% {
		opacity: 1;
	}
	50% {
		opacity: 0.15;
	}
	100% {
		opacity: 1;
	}
	}
	
	#idd5 {
		color: white;
	}
	#selcar1 {
		grid-area: selcar1;
	}
	#selcar1 h2 {
		color: white;
		font-size: 1.5vw;
	}
	#selcar2 {
		grid-area: selcar2;
	}
	#selcar2 select { 
		font-size: 1.4vw; 
		}
	
	#selcar3 img:hover { 
		transform: scale(1.1);
		cursor: pointer;
		box-shadow: 3px 3px 15px 1px blue;
		border-radius: 10px;
	}
	#selcar3 img { width: 12vw; }
	#selcar3 {
		grid-area: selcar3;

	}
	#selcar4 {
		grid-area: selcar4;
		color: #FFC000;
		font-size: 1vw;
		text-align: left;
		background: rgba(160,42,0,.25);
		padding-left: .5em;
		border-radius: 15px;
		border: .75px solid DarkOrange;
	}
	
	#icontent5:hover { 
		border: 3px solid yellow;
		cursor: pointer;
	}
	#icontent5:focus-within { 
		border: 4px solid #39FF14;
		box-shadow: 3px 3px 15px 1px #39FF14;
		cursor: pointer;
	}
	#icontent5 {    /* Works Interior */
		grid-area: icontent5;
		color: white;
		padding-left: 1em;
		padding-right: .8em;
		border-radius: 15px;	
		background-image: linear-gradient(to bottom, #40147A, 31%, white, 30%, white);
		border: 2px solid #b590e0;
	}
	#icontent5 h2 { 
		text-align: center;
		font-size: 2.4vw;
		color: #F2750F; 
		background-image: linear-gradient(0deg, #F2750F 30%, #EDD607 51%); 
		background-clip: text; 
		-webkit-background-clip: text; 
		-webkit-text-fill-color: transparent; 
		-webkit-text-stroke: .5px black;
	}
	#icontent5 h4 {  text-align: center; font-size: 3vw; color: #39FF14;}
	#icontent5 h5 {  text-align: center; font-size: 1.5vw; color: white;}
	#icontent5 h6 {  font-size: .9vw; color: yellow;}
	#icontent5 p {  text-align: left; font-size: 1.2vw; color: black;}
	
	#icontent6:hover { 
		border: 3px solid yellow;
		cursor: pointer;
	}
	#icontent6:focus-within { 
		border: 4px solid #39FF14;
		box-shadow: 3px 3px 15px 1px #39FF14;
		cursor: pointer;
	}
	#icontent6 {   /* Essential Interior */
		grid-area: icontent6;
		color: white;
		padding-left: 1em;
		padding-right: .8em;
		border-radius: 15px;	
		background-image: linear-gradient(to bottom, #800080, 31%, white, 30%, white);
		border: 2px solid #b590e0;
	}
	#icontent6 h2 {  
		text-align: center;
		font-size: 2.4vw;
		color: #F2750F; 
		background-image: linear-gradient(0deg, #F2750F 30%, #EDD607 51%); 
		background-clip: text; 
		-webkit-background-clip: text; 
		-webkit-text-fill-color: transparent; 
		-webkit-text-stroke: .5px black;
	}
	#icontent6 h4 {  text-align: center; font-size: 3vw; color: #39FF14;}
	#icontent6 h5 {  text-align: center; font-size: 1.8vw; color: white;}
	#icontent6 h6 {  font-size: .9vw; color: yellow;}
	#icontent6 p {  text-align: left; font-size: 1.2vw; color: black;}
/*--------------------------------------------------------------------------------*/
	#content6:hover { 
		border: 3px solid yellow;
		cursor: pointer;
	}
	#content6:focus-within { 
		border: 4px solid #39FF14;
		box-shadow: 3px 3px 15px 1px #39FF14;
		cursor: pointer;
	}
	#content6 {    /* Exterior Detail */
		grid-area: content6;
		color: white;
		padding-left: .1em;
		padding-right: .6em;
		border-radius: 15px;	
		background-image: linear-gradient(to bottom, blue, 31%, white, 30%, white);
		border: 2px solid #b590e0;
	}
	#content6 h2 { 
		text-align: center;
		font-size: 2.4vw;
		background-image: linear-gradient(0deg, #F2750F 30%, #EDD607 51%); 
		background-clip: text; 
		-webkit-background-clip: text; 
		-webkit-text-fill-color: transparent; 
		-webkit-text-stroke: .5px black;
	}
	#content6 h4 {  text-align: center; font-size: 3vw; color: #39FF14; }
	#content6 h5 {  text-align: center; font-size: 1.8vw; color: cyan;  }
	#content6 h6 {  font-size: .9vw; color: yellow;}
	#content6 p { 
		text-align: left; 
		padding-left: .5em; 
		color: #0000D1; 
		font-size: 1.2vw; 
		}

	#content7:hover { 
		outline: 3px solid yellow;
		cursor: pointer;
	}
	#content7:focus-within { 
		outline: 4px solid #39FF14;
		box-shadow: 3px 3px 15px 1px #39FF14;
		cursor: pointer;
	}
	#content7 {   /* Hand Wash */
		grid-area: content7;
		color: white;
		padding-left: .1em;
		padding-right: .6em;
		border-radius: 15px;	
		background-image: linear-gradient(to bottom, #0096FF, 31%, white, 30%, white);
		border: 2px solid #b590e0;
	}
	#content7 p { 
		text-align: left; 
		padding-left: .5em; 
		color: #0000D1; 
		font-size: 1.2vw; 
		}
	#content7 h2 {  
		text-align: center;
		font-size: 2.4vw;
		background-image: linear-gradient(0deg, #F2750F 30%, #EDD607 51%); 
		background-clip: text; 
		-webkit-background-clip: text; 
		-webkit-text-fill-color: transparent; 
		-webkit-text-stroke: .5px black;
	}
	#content7 h4 {  text-align: center; font-size: 3vw; color: #39FF14; }
	#content7 h5 {  text-align: center; font-size: 1.8vw; color: blue; }
	#content7 h6 {  font-size: .9vw; color: yellow;}
	
	#content8:hover { 
		border: 3px solid yellow;
		cursor: pointer;
	}
	#content8:focus-within { 
		border: 4px solid #39FF14;
		box-shadow: 3px 3px 15px 1px #39FF14;
		cursor: pointer;
	}
	#content8 {
		grid-area: content8;
		color: white;
		margin-left: 5%;		
		margin-right: 5%;	
		border-radius: 15px;	
		background-image: linear-gradient(to bottom, #A52A2A, 58%, white, 32%, white);
		border: 2px solid #b590e0;
		height: 22vw;
		overflow: hidden;
	}
	#content8 p { 
		text-align: left; 
		padding-left: .5em; 
		color: #0000D1; 
		font-size: 1.2vw; 
		}
	#content8 h2 {  
		text-align: center;
		font-size: 2.7vw;
		background-image: linear-gradient(0deg, #F2750F 30%, #EDD607 51%); 
		background-clip: text; 
		-webkit-background-clip: text; 
		-webkit-text-fill-color: transparent; 
		-webkit-text-stroke: .5px black;
	}
	#content8 h4 {  text-align: center; font-size: 3vw; color: #39FF14; }
	#content8 h5 {  text-align: center; font-size: 1.8vw; color: white; }
	#content8 h6 {  font-size: .9vw; color: yellow;}

	#imessage3 {
		grid-area: imessage3;
	}
	#imessage3 p { color: yellow; font-size: 1.5vw; text-align: center; }

	.AddOn-Container1 {
		grid-area: AddOn1;
		max-width: 60em;
		max-height: 21em;
		color: white;
		background: black;
		display: grid;
		grid-template-rows: 9% 10% 1fr;
		grid-template-columns: 90% 10%;
		padding-left: .5em; 
		padding-right: 1em; 
	}

	#Opt3 input[type="checkbox"] {
	accent-color: green;
}	
	
	#Opt1 {
		grid-row: 1 / 1;  
		grid-column: 1 / 1;
		text-align: left;
		font-size: .8vw;
	}
	#Opt2 {
		grid-row: 2 / 2;  
		grid-column: 1 / 1;
		color: yellow;
		font-size: 1.3vw;
	}
	#Opt3 {
		grid-row: 3 / 3;  
		grid-column: 1 / 1;
		font-size: 1.1vw;
		color: white;
		text-align: left;
	}
	#Opt4 {
		grid-row: 3 / 3;  
		grid-column: 2 / 2;
		color: #39FF14;
		font-size: 1.1vw;
	}
	
	.AddOn-Container2 {
		grid-area: AddOn2;
		max-width: 60em;
		max-height: 21em;
		color: white;
		background: black;
		display: grid;
		grid-template-rows: 9% 10% 1fr;
		grid-template-columns: 90% 10%;
		padding-left: .5em; 
		padding-right: 1em; 
	}

	#Opt23 input[type="checkbox"] {
	accent-color: green;
}	
	
	#Opt21 {
		grid-row: 1 / 1;  
		grid-column: 1 / 1;
		text-align: left;
		font-size: .8vw;
	}
	#Opt22 {
		grid-row: 2 / 2;  
		grid-column: 1 / 1;
		color: yellow;
		font-size: 1.3vw;
	}
	#Opt23 {
		grid-row: 3 / 3;  
		grid-column: 1 / 1;
		font-size: 1.1vw;
		color: white;
		text-align: left;
	}
	#Opt24 {
		grid-row: 3 / 3;  
		grid-column: 2 / 2;
		color: #39FF14;
		font-size: 1.1vw;

	}


	.AddOn-Container:hover {
		filter: brightness(50%);
		border: 2px solid grey;
		cursor: pointer;
	}

	

	
	#ifooter1 {
		grid-area: ifooter1;
		padding-right: 5em;
	}
	#ifooter2 {
		grid-area: ifooter2;
	}
	#ifooter4 {
		grid-area: ifooter4;
		padding-top: 1em;
		color: white;
		font-size: 1.8vw;
	}


/*###################################### About Us ########################################*/

.flex-about {
	display: flex;
	color: black;
	font-family: "Bai Jamjuree", serif;
	font-weight: 400;
}
.flex-about img { width:16vw; float:left;  
				  shape-outside: circle(40%); 
				  shape-margin: 20px; 
				} 
				
.flex-about div {
	background-color: white;
	padding-top: 100px;
	margin: 10px;
	padding-left: 8vw;
	padding-right: 8vw;
	font-size: 2vh;
    border-radius: 10px;
}
.flex-about h1 { line-height: 2.5vw; color: black; }
.flex-about p { font-size: 1.5vw; color: black; }


/*###################################### Ceramic ########################################*/

.flex-about-C {
	display: flex;
	font-family: "Bai Jamjuree", serif;
	font-weight: 400;
	font-style: normal;
    background-color: white;
	color: black;
}
.flex-about-C img { width:40vw; max-height: 40vh; float:left; 
				  shape-outside: inherit; 
				  shape-margin: 1em; 
				} 
				
.flex-about-C div {
	background-color: white;
	padding-left: 1em; 
	padding-right: 1em; 
	font-size: 2.2vh;
    border-radius: 10px;
}	
.flex-about-C h5 { color: red; font-size: 1.6vw; }
.ceramic-cost {
	font-family: "Bai Jamjuree", serif;
	font-weight: 400;
	font-style: normal;
}
#ceramic-cost h3 { font-size: 3vw; }
#ceramic-cost p { 
	font-size: 1.4vw; 
	}
#ceramic-cost h4 { font-size: 2vw; text-align: center;}

/*############################## RV Package #######################################*/
.RVcontainer-1 {
	display: grid;
	grid-template-rows: 0.3fr 1.5fr 1.5fr 90px;
	grid-template-columns: .4fr 1.5fr 1.5fr 1.5fr 1.5fr .4fr;
	padding-top: 5em;
	grid-template-areas:
		"RVsidebar1 RVmain RVmain RVmain RVmain RVsidebar2"
		"RVsidebar1 RVcontent1 RVcontent2 RVcontent3 RVcontent4 RVsidebar2"
		"RVsidebar1 RVcontent5 RVcontent6 RVcontent7 RVcontent7 RVsidebar2"
		"RVsidebar1 RVfooter RVfooter RVfooter RVfooter RVsidebar2";
		grid-gap: .8em;
}

	#RVsidebar1{
		grid-area: RVsidebar1;
	}
	RVmain{   /* Detail Express Packages */
		grid-area: RVmain;
		color: cyan;
		font-size: 7vw;
		font-weight: bold;
		-webkit-text-stroke-width: 1.5px;
		-webkit-text-stroke-color: blue;
	}
	#RVcontent1 p::first-letter { color: red; }
	#RVcontent1 h2 { font-size: 1.7vw; color:cyan; }
	#RVcontent1 h3 { font-size: 1.3vw;}
	#RVcontent1 {
		grid-area: RVcontent1;
		color: white;
		padding-left: 1em;
		padding-right: .8em;
		border-radius: 15px;	
		background-color: black;
		border: 2.5px solid red;
	}
	#RVcontent2 p::first-letter { color: red; }
	#RVcontent2 h2 { font-size: 1.7vw; color:yellow; }
	#RVcontent2 h3 { font-size: 1.3vw;}
	#RVcontent2 {
		grid-area: RVcontent2;
		color: white;
		padding-left: 1em;
		padding-right: .8em;
		border-radius: 15px;	
		background-color: black;
		border: 2.5px solid red;
	}
	#RVcontent3 p::first-letter { color: red; }
	#RVcontent3 h2 { font-size: 1.7vw; color:#66FF00; }
	#RVcontent3 h3 { font-size: 1.3vw;}
	#RVcontent3 {
		grid-area: RVcontent3;
		color: white;
		padding-left: 1em;
		padding-right: .8em;
		border-radius: 15px;	
		background-color: black;
		border: 2.5px solid red;
	}
	#RVcontent4 p::first-letter { color: red; }
	#RVcontent4 h2 { font-size: 1.7vw; color:#BF40BF; }
	#RVcontent4 h3 { font-size: 1.3vw;}
	#RVcontent4 {
		grid-area: RVcontent4;
		color: white;
		padding-left: 1em;
		padding-right: .8em;
		border-radius: 15px;	
		background-color: black;
		border: 2.5px solid red;
	}
	#RVcontent5 p::first-letter { color: red; }
	#RVcontent5 h2 { font-size: 1.7vw; color:#ff33cc; }
	#RVcontent5 {
		grid-area: RVcontent5;
		color: white;
		padding-left: 1em;
		padding-right: .8em;
		border-radius: 15px;	
		background-color: black;
		border: 2.5px solid red;
	}
	#RVcontent6 p::first-letter { color: red; }
	#RVcontent6 h2 { font-size: 1.7vw; color:#ff33cc; }
	#RVcontent6 {
		grid-area: RVcontent6;
		color: white;
		padding-left: 1em;
		padding-right: .8em;
		border-radius: 15px;	
		background-color: black;
		border: 2.5px solid red;
	}
	#RVcontent7 p::first-letter { color: red; }
	#RVcontent7 h2 { font-size: 1.7vw; color:orange; }
	#RVcontent7 {
		grid-area: RVcontent7;
		color: white;
		padding-left: 1em;
		padding-right: .8em;
		border-radius: 15px;	
		background-color: black;
		border: 2.5px solid red;
	}
	#RVsidebar2 {
		grid-area: RVsidebar2;
	}
	#RVfooter {
		grid-area: RVfooter;
		text-align: center;
	}
	
/*############################# Exterior/Interior COMBO ########################################*/
.combo-pics {   /* COMBO Ext / Int */
	font-family: "Poppins", sans-serif;
	font-weight: 400;
	font-style: normal;
	display:grid;
	background: #242424;
	grid-template-rows: .1fr .2fr .05fr .01fr 5vw;
	grid-template-columns: .5fr .2fr .2fr .2fr .2fr;
	text-align: center;
	grid-template-areas:
		"Csidebar1 Cmain Cmain Cmain Csidebar2"
		"Csidebar1 Cnote1 Cnote1 Cnote1 Csidebar2"
		"Csidebar1 Ccontent1 Ccontent2 Ccontent3 Csidebar2"
		"Csidebar1 Ccontent6 Ccontent6 Ccontent6 Csidebar2"
		"Cfooter1 Cfooter2 Cfooter3 Cfooter4 Cfooter5";
	grid-gap: 1rem;
}
	#Csidebar1{ grid-area: Csidebar1; }
	#Csidebar2{ grid-area: Csidebar2; }
	
	Cmain{
		grid-area: Cmain;
		font-size: 3.9em;
		background: -webkit-linear-gradient(#eee, #6a13cf, #eee);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;		
	}
	#Cnote1 h5 { color: yellow; font-size: 1.4vw; }
	#Cnote1 { grid-area: Cnote1; }
	.Ccontent1 img { width:20vw; height:13vw; border-radius: 15px;}  
	.Ccontent1 { grid-area: Ccontent1; }
	.Ccontent2 img { width:20vw; height:13vw;  border-radius: 15px;}  
	.Ccontent2 { grid-area: Ccontent2; }
	.Ccontent3 img { width:20vw; height:13vw;  border-radius: 15px;}  
	.Ccontent3 { grid-area: Ccontent3; }

	#CMdropdown6 { font-size: 1.5vw; }
	#CMdropdown6 { display: block; } 

	#Ccontent6:hover { 
		border: 3px solid yellow;
		cursor: pointer;
	}
	#Ccontent6:focus-within { 
		border: 4px solid #39FF14;
		box-shadow: 3px 3px 15px 1px #39FF14;
		cursor: pointer;
	}
	#Ccontent6 {
		grid-area: Ccontent6;
		color: white;
		padding-left: 1em;
		padding-right: 1em;
		border-radius: 15px;	
		background-image: linear-gradient(to bottom, #00D100, 46%, white, 46%, white);
		border: 1px solid #b590e0;
	}
	#Ccontent6 img:hover { 
		transform: scale(1.1);
		cursor: pointer;
	}
	#Ccontent6 h2 {  
		text-align: center;
		line-height: 1;
		font-size: 3.3vw;
		-webkit-text-fill-color: white;
		-webkit-text-stroke: .5px black;
	}
	#Ccontent6 h4 {  text-align: center; font-size: 4.5vw; color: yellow;}
	#Ccontent6 img { float:left; margin-left: 15em; width: 13vw; padding-top: 2em; }
	#Ccontent6 h4 {  text-align: center; font-size: 4.5vw; color: yellow;}
	#Ccontent6 h5 {  text-align: center; font-size: 2vw; color: black;}
	#Ccontent6 h6 {  font-size: 1vw; color: yellow;}
	#Ccontent6 p { text-align: center; padding-left: .5em; color: black; font-size: 1.5vw; }
	#Ccontent6 h3 { 
		text-align: center; 
		padding-left: .5em; 
		color: black; 
		font-size: 1.1vw;
		font-weight: 400;
	}
	#Cfooter2 {
		grid-area: Cfooter2;
	}
	#Cfooter4 {
		grid-area: Cfooter4;
	}

/*###################################### Ceramic Packages ########################################*/

.packages-pics {
	display:grid;
	grid-template-rows: 0.1fr .1fr 1fr 4% 1fr .15fr .15fr;
	grid-template-columns: .4fr 1.5fr 1.5fr 1.5fr .4fr;
	text-align: center;
	font-type: normal;
	padding-top: 1em;
	grid-template-areas:
		"Psidebar1 Pmain Pmain Pmain Psidebar2"
		"Psidebar1 Pcontent1 Pcontent2 Pcontent3 Psidebar2"
		"Psidebar1 Pcontent4 Pcontent5 Pcontent6 Psidebar2"
		"Psidebar1 selPcar1 selPcar2 selPcar3 Psidebar2"
		"Psidebar1 Pcontent7 Pcontent8 Pcontent9 Psidebar2"
		"Psidebar1 Pcontent10 Pcontent11 Pcontent12 Psidebar2"
		"Pfooter Pfooter Pfooter Pfooter Pfooter";
		grid-gap: 1em;
}
	#Psidebar1{
		grid-area: Psidebar1;
	}
	
	Pmain{   /* Detail Express Packages */
		grid-area: Pmain;
		font-size: 4em;
		background: -webkit-linear-gradient(left, red, orange, DarkOrange);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;		
	}
	#Pcontent1 h2 { font-size: 1.5vw; }
	#Pcontent1 h3 { font-size: 2.3vw; }
	#Pcontent1 img { width: 16vw; }
	#Pcontent1 p { font-size: 1.3vw; }
	#Pcontent1 {
		grid-area: Pcontent1;
		color: white;
		padding-left: 1em;
		padding-right: .8em;
		background: linear-gradient(black, black) padding-box,
              linear-gradient(to right, Red, DarkOrange) border-box;
		border-radius: 1em;
		border: 2px solid transparent;	
		}
	#Pcontent2 img { padding-top: 1em; width: 22vw; }
	#Pcontent2 p { font-size: 1.7vw; color: yellow;}
	#Pcontent2 {
		grid-area: Pcontent2;
		color: white;
		padding-left: 1em;
		padding-right: .8em;
		background: linear-gradient(black, black) padding-box,
              linear-gradient(to right, Red, DarkOrange) border-box;
		border-radius: 1em;
		border: 2px solid transparent;	
		}
	#Pcontent3 img { padding-top: 1em; width: 100%; }
	#Pcontent3 p { font-size: 1.7vw; color: cyan; }
	#Pcontent3 {
		grid-area: Pcontent3;
		color: orange;
		padding-left: 1em;
		padding-right: .8em;
		background: linear-gradient(black, black) padding-box,
              linear-gradient(to right, Red, DarkOrange) border-box;
		border-radius: 1em;
		border: 2px solid transparent;	
		}

	/* Simply Ceramic */
	#Pcontent4 img:hover { 
		transform: scale(1.1);
		cursor: pointer;
	}
	#Pcontent4 img { width: 10vw; margin-left: 5em; }
	#Pcontent4 p::first-letter { color: DarkOrange; font-size: .8vw;}
	#Pcontent4 h2 {  /* Simply Ceramic */
		text-align: center;
		margin-left: 1em;
		margin-right: 1em;
		font-size: 1.8vw;
		color: blue;
		background: linear-gradient(to right, Red, Darkorange);
		border-bottom-left-radius: .8em;
		border-bottom-right-radius: .8em;
	}
	#Pcontent4 h4 {  text-align: center; font-size: 1.8vw;}
	#Pcontent4 h6 {  text-align: center; font-size: 3vw; color: orange;}
	#Pcontent4 p {  text-align: left; font-size: 1.2vw; color: white; }
	#Pcontent4 {
		grid-area: Pcontent4;
		color: white;
		padding-left: 1em;
		padding-right: .8em;
		background: linear-gradient(black, black) padding-box,
              linear-gradient(to right, Red, DarkOrange) border-box;
		border-radius: 1em;
		border: 2px solid transparent;	
		}
		
	#Pdropdown5 { display: block; } 
	#Pcontent5 p::first-letter { color: DarkOrange; font-size: .8vw;}
	#Pcontent5 h2 {  
		text-align: center;
		margin-left: 1em;
		margin-right: 1em;
		font-size: 1.8vw;
		color: blue;
		background: linear-gradient(to right, Red, Darkorange);
		border-bottom-left-radius: .8em;
		border-bottom-right-radius: .8em;
	}
	#Pcontent5 h4 {  text-align: center; font-size: 1.8vw;}
	#Pcontent5 h6 {  text-align: center; font-size: 3vw; color: orange;}
	#Pcontent5 p {  text-align: left; font-size: 1.2vw; color: white; }
	#Pcontent5 img:hover { 
		transform: scale(1.1);
		cursor: pointer;
	}
	#Pcontent5 img { width: 10vw; margin-left: 5em; }
	#Pcontent5 {
		grid-area: Pcontent5;
		color: white;
		padding-left: 1em;
		padding-right: .8em;
		background: linear-gradient(black, black) padding-box,
              linear-gradient(to right, Red, DarkOrange) border-box;
		border-radius: 1em;
		border: 2px solid transparent;	
		}
		
	#Pdropdown6 { display: block; } 
	#Pcontent6 img { width: 10vw; margin-left: 5em; }
	#Pcontent6 p::first-letter { color: DarkOrange; font-size: .8vw;}
	#Pcontent6 h2 {  
		text-align: center;
		margin-left: 1em;
		margin-right: 1em;
		font-size: 1.8vw;
		color: blue;
		background: linear-gradient(to right, Red, Darkorange);
		border-bottom-left-radius: .8em;
		border-bottom-right-radius: .8em;
	}
	#Pcontent6 h4 {  text-align: center;  font-size: 1.8vw;}
	#Pcontent6 h6 {  text-align: center; font-size: 3vw; color: orange;}
	#Pcontent6 p {  text-align: left; font-size: 1.2vw;  color: white; }
	#Pcontent6 {
		grid-area: Pcontent6;
		color: white;
		padding-left: 1em;
		padding-right: .8em;
		background: linear-gradient(black, black) padding-box,
              linear-gradient(to right, Red, DarkOrange) border-box;
		border-radius: 1em;
		border: 2px solid transparent;	
	}
	
	#selPcar1 { grid-area: selPcar1; }
	#selPcar1 select { 	}
	#selPcar1 h2 {
		color: white;
		font-size: 2vw;
	}
	#selPcar2 { grid-area: selPcar2; }
	#selPcar2 select { 
		grid-area: selPcar2;
		font-size: 1.2vw; 
		}
	
	#selPcar3 { grid-area: selPcar3; }
	#selPcar3 img:hover { 
		transform: scale(1.1);
		cursor: pointer;
	}
	#selPcar3 img { width: 10vw; }
	
	#Pdropdown7 { display: block; } 
	#Pcontent7 p::first-letter { color: DarkOrange; font-size: .8vw;}
	#Pcontent7 h2 {  
		text-align: center;
		margin-left: 1em;
		margin-right: 1em;
		font-size: 1.8vw;
		color: blue;
		background: linear-gradient(to right, Red, Darkorange);
		border-bottom-left-radius: .8em;
		border-bottom-right-radius: .8em;
	}
	#Pcontent7 h4 {  text-align: center;  font-size: 1.8vw; }
	#Pcontent7 h6 {  text-align: center; font-size: 3vw; color: orange;}
	#Pcontent7 p {  text-align: left; font-size: 1.2vw;  color: white; }
	#Pcontent7 {
		grid-area: Pcontent7;
		color: white;
		padding-left: 1em;
		padding-right: .8em;
		background: linear-gradient(black, black) padding-box,
              linear-gradient(to right, Red, DarkOrange) border-box;
		border-radius: 1em;
		border: 2px solid transparent;	
	}
	
	#Pdropdown8 { display: block; } 
	#Pcontent8 p::first-letter { color: DarkOrange; font-size: .8vw;}
	#Pcontent8 h2 {  
		text-align: center;
		margin-left: 1em;
		margin-right: 1em;
		font-size: 1.8vw;
		color: blue;
		background: linear-gradient(to right, Red, Darkorange);
		border-bottom-left-radius: .8em;
		border-bottom-right-radius: .8em;
	}
	#Pcontent8 h4 {  text-align: center; font-size: 1.8vw; }
	#Pcontent8 h6 {  text-align: center; font-size: 3vw; color: orange;}
	#Pcontent8 p {  text-align: left; font-size: 1.2vw;  color: white; }
	#Pcontent8 {
		grid-area: Pcontent8;
		color: white;
		padding-left: 1em;
		padding-right: .8em;
		background: linear-gradient(black, black) padding-box,
              linear-gradient(to right, Red, DarkOrange) border-box;
		border-radius: 1em;
		border: 2px solid transparent;	
}

	#Pdropdown9 { display: block; } 
	#Pcontent9 p::first-letter { color: DarkOrange; font-size: .8vw;}
	#Pcontent9 h2 {  
		text-align: center;
		margin-left: 1em;
		margin-right: 1em;
		font-size: 1.8vw;
		color: blue;
		background: linear-gradient(to right, Red, Darkorange);
		border-bottom-left-radius: .8em;
		border-bottom-right-radius: .8em;
	}
	#Pcontent9 h4 {  text-align: center; font-size: 1.8vw; }
	#Pcontent9 h5 {  color: orange; }
	#Pcontent9 h6 {  text-align: center; font-size: 3vw; color: orange;}
	#Pcontent9 p {  text-align: left; font-size: 1.2vw;  color: white; }
	#Pcontent9 {
		grid-area: Pcontent9;
		color: white;
		padding-left: 1em;
		padding-right: .8em;
		background: linear-gradient(black, black) padding-box,
              linear-gradient(to right, Red, DarkOrange) border-box;
		border-radius: 1em;
		border: 2px solid transparent;	
}
	#Pcontent10 p::first-letter { color: DarkOrange; font-size: .8vw;}
	#Pcontent10 h2 {  
		text-align: center;
		margin-left: 1em;
		margin-right: 1em;
		font-size: 1.5vw;
		color: black;
		background: linear-gradient(to right, Red, Darkorange);
		border-bottom-left-radius: .8em;
		border-bottom-right-radius: .8em;
	}
	#Pcontent10 h4 {  text-align: center; font-size: 1.8vw; }
	#Pcontent10 h5 {  color: orange; }
	#Pcontent10 h6 {  text-align: center; font-size: 3vw; color: cyan;}
	#Pcontent10 p {  text-align: left; font-size: 1.2vw;  color: white; }
	#Pcontent10 {
		grid-area: Pcontent10;
		color: white;
		padding-left: 1em;
		padding-right: .8em;
		background: linear-gradient(black, black) padding-box,
              linear-gradient(to right, Red, DarkOrange) border-box;
		border-radius: 1em;
		border: 2px solid transparent;	
	}	
	#Pcontent11 p::first-letter { color: DarkOrange; font-size: .8vw;}
	#Pcontent11 h2 {  
		text-align: center;
		margin-left: 1em;
		margin-right: 1em;
		font-size: 1.7vw;
		color: black;
		background: linear-gradient(to right, Red, Darkorange);
		border-bottom-left-radius: .8em;
		border-bottom-right-radius: .8em;
	}
	#Pcontent11 h4 {  text-align: center; font-size: 1.8vw; }
	#Pcontent11 h5 {  color: orange; }
	#Pcontent11 h6 {  text-align: center; font-size: 3vw; color: cyan;}
	#Pcontent11 p {  text-align: left; font-size: 1.2vw;  color: white; }
	#Pcontent11 {
		grid-area: Pcontent11;
		color: white;
		padding-left: 1em;
		padding-right: .8em;
		background: linear-gradient(black, black) padding-box,
              linear-gradient(to right, Red, DarkOrange) border-box;
		border-radius: 1em;
		border: 2px solid transparent;	
	}	
	#Pcontent12 p::first-letter { color: DarkOrange; font-size: .8vw;}
	#Pcontent12 h2 {  
		text-align: center;
		margin-left: 1em;
		margin-right: 1em;
		font-size: 1.7vw;
		color: black;
		background: linear-gradient(to right, Red, Darkorange);
		border-bottom-left-radius: .8em;
		border-bottom-right-radius: .8em;
	}
	#Pcontent12 h4 {  text-align: center; font-size: 1.8vw; }
	#Pcontent12 h5 {  color: orange; }
	#Pcontent12 h6 {  text-align: center; font-size: 3vw; color: cyan;}
	#Pcontent12 p {  text-align: left; font-size: 1.2vw;  color: white; }
	#Pcontent12 {
		grid-area: Pcontent12;
		color: white;
		padding-left: 1em;
		padding-right: .8em;
		background: linear-gradient(black, black) padding-box,
              linear-gradient(to right, Red, DarkOrange) border-box;
		border-radius: 1em;
		border: 2px solid transparent;	
	}	
	#Psidebar2 {
		grid-area: Psidebar2;
	}
	
	#Pfooter {
		grid-area: Pfooter;
	}

/*###################################### OZONE ########################################*/
.ozone-container {
	margin-top: 0px;
	padding-top: 50px;
}

.Ozone-1 img { 
	width:100%;
	padding-top: 20vn;
}

.ozone-wrapper {   /* container */
	display: flex;
	font-family: "Bai Jamjuree", serif;
	font-weight: 400;
	padding-top: 10px;
	color: black;
}
.ozone-wrapper img { width:28vw; float:left; 
				  shape-outside: inherit; 
				  shape-margin: 20px; 
				  padding-right: 1em;
				} 
			
.ozone-wrapper div {
	background-color: white;
	margin: 1em;
	padding-left: 1em;
	padding-right: 1em;
	font-size: 2.3vh;
    border-radius: 10px;
	text-align: left;
}
.ozone-wrapper p  { padding-top: .5vh; font-size: 2.4vh; }
.ozone-wrapper h1 { font-size: 3.5vh; color: #CC5500;}
.ozone-wrapper h2 { font-size: 2.1vh; color: blue; }
.ozone-wrapper h3 { font-size: 2.1vh; color: blue; }
.ozone-wrapper h4 { font-size: 2.1vh; color: red; }
.ozone-wrapper h5 { font-size: 2.1vh; color: blue; }

/*------------------------------------------------------------------------------------------*/
.accordion h1 { padding-left: 1.5em; color: white; }
.content {
  width: 10%;
  padding: 20px;
  margin: 0 auto;
  padding: 0 60px 0 0;
}
.question { font-size: 2vw; }
.answers { font-size: 1.6vw; }

.whats-involved h1 { text-align: center; color: White; font-size: 2vw;}
.whats-involved p {  
					margin: 1.5em 1.5em;
					border: 2px;
					border-style: solid;
					border-color: grey;
					padding-top: 1em; 
					padding-bottom: 1em;
					padding-left: 2em; 
					padding-right: 2em;
					color: white;
					font-size: 1.8vw;
					}

.centerplease {
  margin: 0 auto;
  max-width: 270px;
  font-size: 40px;
}
.question:hover { background: #E5E4E2; }
.question {
  position: relative;
  background: white;
  color: purple;
  margin: 3px 30px 3px 30px;
  padding: 10px 10px 10px 50px;
  display: block;
	border: 2px;;
	border-style: solid;
	border-color: #E5E4E2;
  width: 90%;
  cursor: pointer;
}

.answers {
  background: white;
  color: purple;
  padding: 0px 15px;
  margin: 4px 2.5em;
  height: 0;
  overflow: hidden;
  z-index: -1;
  position: relative;
  opacity: 0;
  -webkit-transition: .7s ease;
  -moz-transition: .7s ease;
  -o-transition: .7s ease;
  transition: .7s ease;
}

.questions:checked ~ .answers{
  height: auto;
  opacity: 1;
  padding: 15px;
}

.plus {
  position: absolute;
  margin-left: 60px;
  z-index: 5;
  font-size: 2em;
  color: black;
  line-height: 100%;
  -webkit-user-select: none;    
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-transition: .3s ease;
  -moz-transition: .3s ease;
  -o-transition: .3s ease;
  transition: .3s ease;
  pointer-events: none;
}

.questions:checked ~ .plus {
  color: red;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.questions {
  display: none;
}
.Thankyou img { 
	width: 60%; 
	border: 4px solid cyan;
}
.Thankyou .button { width: 6em; height: 3em; }

/*################################# MAINTENANCE #####################################*/
.Maintenance {
	font-family: "Poppins", sans-serif;
	font-weight: 400;
	font-style: normal;
	color: black;
	background: white; 
	text-align: center;
}
.Maint-Header img { 
	width: 90%; 
	border-top: 5px solid #0096FF;
}
.Maint-underlay-image { 
	width: 90%;
	opacity: 1;
	position: absolute;
	top: 1.5em;
	left: 0px;
	z-index: 7;
}
.Maint-Detail {
	padding-left: 8em;
	padding-right: 8em;
}
.Maint-Detail h1 { font-size: 2.4vw;  }
.Maint-Detail h2 { font-weight: 400; font-size: 1.1vw;  }
.Maint-text p { font-size: 1.2vw;  }

/*############################## Check for screen size #####################################*/
/* <600px, 601px, 768px, 992px, 1024, 1200px */

@media only screen and (min-width: 1425px) { 
	.Pbox-title { font-size: 1.5vw; }
	.Pbox-0 h1 { font-size: 1vw; }
	.Pbox-1 h4 { font-size: 1.5vw; }
	.Pbox-1 p { font-size: .5vw; } 
	
}

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

/*---1300-----------------------------INTERIOR ---------------------*/
	.Pbox-title { font-size: 2.1vw; }
	.Pbox-0 h1 { font-size: 1vw; }
	.Pbox-1 h4 { font-size: 1.5vw; }
	.Pbox-1 p { font-size: 1vw; } 


	.contact-entry {
		grid-template-rows: 45vw 5vw 25vw 15vw 15vw 25vw 5vw;
	}
	.interiorcontainer {
		top: -8em;
	}
	.top-left h1{  /* Interior Detailer */
		font-size: 2.5rem;
	}
	.top-left p {
		font-size: 1.2rem;
	}
	.interiorexplanation {
		margin-top: 10px;
	}
	.Ibox-wrapper { grid-template-rows: repeat(1, 160px); }
	.Ibox-1 h3 { 
		padding-left: 1em;
		font-size: 2.5vw; 
		color: var(--fc); 
		background: var(--bk); 
		}
	.Ibox-wrapper p {
		color:blue;
		background: var(--bgc);
		font-size: 2vw;
		font-weight: bold;
		margin-top: -20px;
	}
	#content4 img { width: 10vw;  margin-top: -19px;}
	#content4 h2 {  font-size: 2.8vw; }
	#content4 h3 {  font-size: 2.5vw;  line-height: 1;}
	#content4 h4 {  font-size: 3.5vw; }
	#content4 h5 {  font-size: 1.6vw; }
	#content4 p {  font-size: 1.2vw; color: black; text-align: left;}

	#content5 img { width: 10vw; margin-top: -19px;}
	#content5 h2 { font-size: 2.8vw; }
	#content5 h3 { font-size: 2.5vw;  line-height: 1;}
	#content5 h4 { font-size: 3.5vw; }
	#content5 h5 {  font-size: 1.6vw; }
	#content5 p {  font-size: 1.2vw; color: black; text-align: left;}

	#content6 img { width: 10vw; margin-top: -19px;}
	#content6 h2 { font-size: 2.3vw; }
	#content6 h3 { font-size: 2.5vw; line-height: 1;}
	#content6 h4 { font-size: 3.5vw; }
	#content6 h5 {  font-size: 1.6vw; }
	#content6 p {  font-size: 1.2vw; color: black; text-align: left;}
	#icontent6 h2 {  font-size: 2.3vw; }
	
	#message1 { font-size: 1.5vw; }
} 

@media only screen and (max-width: 1278px) { /* (1278)*/
	.Pbox-title { font-size: 2.5vw; }
	.Pbox-0 h1 { font-size: 1vw; }
	.Pbox-1 h4 { font-size: 2vw; }
	.Pbox-1 p { font-size: 1.2vw; } 
	#icontent6 h2 {  font-size: 2.3vw; }

}

@media only screen and (max-width: 768px) { /* IPAD (768)*/
	.popcard h1{
		font-size: 3.2em;
		line-height: 6vw;
		margin-top: -10px;
	}
	.popcard h2 {
		font-size: 3.5em;
		line-height: 8vw;
	}
	.popcard p {
		color: blue;
		padding-bottom: 10px;
		background: #E8E8E8;
		font-size: 1.5em;
		line-height: 4vw;
		padding-left: .1em;	
		align-text: center;
		font-weight: bold;
	}
	.popcard h3 {
		color: black;
		background: #E8E8E8;
		font-size: 1.2em;
		font-weight: 300;
		text-align: center;
	}

	.discountL { top: 40%; 	}
	.wrapper { margin: 0 10px 25px; }
	.wrapper :where(.swiper-button-prev, .swiper-button-next) { display: none; }
/*------------768------------------------- FOOTER --------------------------768-------*/
	.footer-container {
	grid-template-rows: 2em 1em 2em 2em 2em 2em 1% .1% ;   
	grid-template-columns: 9.5% 9.5% 9.5% 9.5% 9.5% 9.5% 9.5% 7.5% 7.5% 7.5% 7.5% ;
	}

/*------------768--------------------------PAINT CHIP---------------------------768-------*/
	.column6 { input[type="checkbox"] { transform: scale(1.4); } }
	.column6A { font-size: 1.5vw; }
	.column6C { font-size: 1.5vw; color: Crimson; }
	.diagonal h2 { font-size: 1.5em; }
	.process-wrapper p { font-size: 2.2vw; }
	.shiny-car { padding-top: 15%; }
	.discount { top: 25%; }
	.logo { top:25%; }
	.headline { 
		top: 30%;
		-webkit-text-stroke-width: 1px;
	}
	.below {
		font-size: 2.5vw;
}

	.button { font-size: 2.5vw; }

	.Abox-1 h3 { font-size: 4vw; }

	.enginecontainer {
		font-size: 1.6vw;
	}
	.headlightcontainer {
	grid-template-rows: 10vw 5vw 1vw 5vw 14vw;   
		min-height: 330px; 
	}
	.restoration-tier {     /* Polishing cars  */
		grid-gap: 1em;
		padding-left: 1em;
		padding-right: 1em;
	}
	#HL1 h2, #HL2 h2, #HL3 h2 { 	
		font-size: 2.5vw;
		padding-left: 1em;
	}
	#HL1 h3, #HL2 h3, #HL3 h3 { 	
		color: white;
		font-size: 1.7vw;
		text-align: left;
		padding-left: 1.5em;
	}
	#HL1 p, #HL2 p, #HL3 p {
		line-height: 2;
		color: white;
		font-size: 1.3vh;
		text-align: left;
		padding-left: 1em;
	}
	

/*------768---------------------- Polishing ---------------------------------*/
	.polish-pics {     /* Polishing cars  */
		padding-left: .5em;
	}
	#selpcar1 h2 { font-size: 2vw; }
	#selpcar2 select { font-size: 1.8vw; }
	#selpcar3 img { width: 15vw; }
	#POcontent4 h7 { font-size: 2vw; }
	#POcontent5 h7 { font-size: 2vw; }
	#POcontent6 h7 { font-size: 2vw; }
	#POcontent4 h4 { font-size: 3vw; }
	#POcontent5 h4 { font-size: 3vw; }
	#POcontent6 h4 { font-size: 3vw; }
	#POcontent4 h5 { font-size: 2vw; }
	#POcontent5 h5 { font-size: 2vw; }
	#POcontent6 h5 { font-size: 2vw; }
	#POcontent4 { background-image: linear-gradient(to bottom, #5D3FD3, 39%, white, 22%, white); }
	#POcontent5 { background-image: linear-gradient(to bottom, #F28C28, 39%, white, 22%, white); }
	#POcontent6 { background-image: linear-gradient(to bottom, green, 38%, white, 22%, white); }
	#POcontent4 p { font-size: 1.3vw; }
	#POcontent5 p { font-size: 1.3vw; }
	#POcontent6 p { font-size: 1.3vw; }

/*------768---------------------- Interior.html ---------------------------------*/
	Cmain{ padding-top: 8em; font-size: 2.2em; white-space: nowrap; }
	.combo-pics {   
		grid-template-columns: .1fr 28vw 1.5fr 1.5fr .1fr;
	}
	#content4 {
		width: 28vw;
		background-image: linear-gradient(to bottom, #5D3FD3, 30%, white, 30%, white);
	}
	#content5 {
		width: 28vw;
		background-image: linear-gradient(to bottom, #F28C28, 30%, white, 30%, white);
	}
	#content6 {
		width: 28vw;
		background-image: linear-gradient(to bottom, green, 30%, white, 30%, white);
	}

	#content4 img { width: 14vw; margin-top: -18px; }
	#content4 h2 {  font-size: 3.4vw; }
	#content4 h7 {  font-size: 2.5vw;  line-height: 1;}
	#content4 h4 {  font-size: 6vw; }
	#content4 h5 {  font-size: 2.2vw; }
	#content4 p {  font-size: 1.5vw; color: black; text-align: left;}

	#content5 img { width: 14vw; margin-top: -18px; }
	#content5 h2 { font-size: 3.4vw; }
	#content5 h7 { font-size: 2.5vw;  line-height: 1;}
	#content5 h4 { font-size: 6vw; }
	#content5 h5 {  font-size: 2.2vw; }
	#content5 p {  font-size: 1.5vw; color: black; text-align: left;}

	#content6 img { width: 14vw; margin-top: -18px;}
	#content6 h2 { font-size: 3.4vw; }
	#content6 h7 { font-size: 2.5vw; line-height: 1;}
	#content6 h4 { font-size: 5.5vw; }
	#content6 h5 {  font-size: 2.3vw; }
	
/*	#message1 { font-size: 1.8vw; } */
	
/*------------------------- Waterspot ------------768---------------------------*/
	.Waterspot-container {
		grid-template-rows: 1vw 6vw .4vw 6vw 20vw 15vw 55vw;   
	}
/*------------------------- Menu ------------------------------------------*/
	.navbar { padding: 0 24px; 	list-style-type: none; }
	.nav-menu { gap: 10px; }
	.navbar img { float: left; width: 7.5vw; }
	.nav-branding { font-size: 2.0vw; }
	.menu-bar ul { width: 5vw; } 
	.menu-bar { font-size: 2vw; }
	
	.sub-menu-1 {    /* drop down Menu   */
		font-size: 2.2vh;  
		line-height: 2vw;  
		width: 12em;
	}
	.sub-menu-2 {    /* Sub drop down Menu   */
		font-size: 2.2vh;  
		line-height: 2vw;  
		width: 10em;
	}

.nav-item:hover {   /*  Highlite each Menu Item  */
	background-color: red; 
	display: block;
} 

.nav-item:hover > .sub-menu-1 {    /* show drop down Menu  */
	display: block;
	position: absolute; 
	background: black;
	padding: 10px 15px; 
}

.nav-item:hover li a {   /* Drop Down List */
	font-size: 2vw; 
}

.nav-item li a:hover {   /* Hover Main Menu Drop Down Menu Items */
	background-color: red;
}

.sub-menu-1 li:hover > .sub-menu-2 {    /* show Sub drop down Menu  */
	top: 10px;
	left: 90%;  
} 


.hamburger {  /* hide the hamburger bar */
	display: none;
	cursor: pointer;
}

.bar {   /* Show Hamburger Bar */
	display: block;
	width: 25px;  /* hamburger bar width */
	height: 3px; /* height of 3 bars */
	margin: 5px auto;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out; 
	background-color: white;
}
	.review-us button{ 
		font-size: 2.5vw;
	}
	.sillo-container h3 { 
		font-size: 2.5vh;
	}
	.sillo-container p { 
		font-size: 2vh;
	}
	.schedule-service {
		grid-template-rows: 6vw 11vw 6vw 10vw 6vw 11vw 6vw 11vw 5vw;
		grid-template-columns: 13% 82%;
		padding-right: 1rem;
	}
	.Appointment h3 { font-size: 4vh; }
	.stage-1 img { width: 8vw; }
	.stage-2 img { width: 8vw; }
	.stage-3 img { width: 8vw; }
	.stage-4 img { width: 8vw; }
	.stage-1C img { display: none; }
	.stage-1A h4 { color: black; font-size: 4.5vw; }
	.stage-2A h4 { color: black; font-size: 4.5vw; }
	.stage-3A h4 { color: black; font-size: 4.5vw; }
	.stage-4A h4 { color: black; font-size: 4.5vw; }
	.stage-1B p { color: black; font-size: 3.5vw; }
	.stage-2B p { color: black; font-size: 3.5vw; }
	.stage-3B p { color: black; font-size: 3.5vw; }
	.stage-4B p { color: black; font-size: 3.5vw; }

	.Pbox-title { font-size: 4vw; }
	.Pbox-0 h1 { font-size: 4vw; }
	.Pbox-1 h4 { font-size: 2vw; }
	.Pbox-1 p { font-size: 2.0vw; } 

/*----------768-------------- Interior/Exterior --------768--------------------*/
	.interiorcontainer {
		grid-template-rows: 14% 9% 38%;
		grid-template-columns: 24% 50% 24%;
		max-height: 30em;
	}
	.IC-img1 {
		grid-row: 2 / 2;  
		grid-column: 1 / 1;
	}	
	.IC-img1 img { width: 100%;  }

	.IC-title {
		grid-row: 2 / 2;  
		grid-column: 2 / 2;
	}	
	.IC-title h1 { font-size: 2.8vw; text-align: center; }

	.IC-text p { font-size: 1.8vw; }
	.IC-text {
		grid-row: 3 / 3;  
		grid-column: 2 / 2;
	}	
	.IC-bio {
		grid-row: 4 / 4;  
		grid-column: 1 / 4;
	}	
	.IC-title p { font-size: .9vw; }
	.IC-bio h3 { font-size: 1.45vw; font-weight: 300; }
	.IC-img2 img { width: 100%;  height: 8em; }
	.IC-img2 {
		grid-row: 2 / 2;  
		grid-column: 3 / 3;
	}	
/*----------768--------------------------------------------------------------*/
	.interiorexplanation {
		grid-template-rows: 2% 5% 30% 30% 20% 4% 14% ;
		grid-template-columns: 49% 49%;
		padding-left: .2em;
		padding-right: 1em;
		gap: .5em;
		grid-template-areas:
			"selcar1 selcar2"
			"selcar3 selcar4"
			"icontent5 icontent6"
			"content6 content7"
			"content8 content8"
			"imessage2 imessage2"
			"AddOn1 AddOn2"
			"ifooter1 ifooter2"
			"ifooter3 ifooter4";
		gap: 1em;
	}
		
	#selcar1 h2 {
		color: white;
		font-size: 2.5vw;
	}
	#selcar2 select { 
		font-size: 1.8vw; 
		}
	
	#selcar3 img:hover { 
		transform: scale(1.1);
		cursor: pointer;
	}
	#selcar3 img { width: 16vw; }
	#selcar3 {
		grid-area: selcar3;

	}
	#selcar4 {
		grid-area: selcar4;
		color: #FFC000;
		font-size: 1.5vw;
		text-align: left;
		background: rgba(160,42,0,.25);
		padding-left: 1em;
		border-radius: 15px;
		border: .75px solid DarkOrange;
		max-height: 5em;
	}
	
	#idd5 { font-size: 1.9vw; color: white;}
	#icontent5 h2 {  font-size: 5vw; }
	#icontent5 h4 { font-size: 7vw; }
	#icontent5 h5 { font-size: 3vw; }
	#icontent5 h6 { font-size: 2vw; color: yellow; }
	#icontent5 p { font-size: 2vw; }
	#icontent5 select { font-size: 2.2vw; }
	#icontent5 {
		grid-area: icontent5; 
		background-image: linear-gradient(to bottom, #40147A, 34%, white, 34%, white);
		}
		
	#idd5 { font-size: 1.9vw; color: white;}
	#icontent6 h2 {  font-size: 4.6vw; }
	#icontent6 h4 { font-size: 7vw; }
	#icontent6 h5 { font-size: 3vw;  }
	#icontent6 h6 { font-size: 2vw; color: yellow; }
	#icontent6 p { font-size: 2.3vw; }
	#icontent6 select { font-size: 2.2vw; }
	#icontent6 {
		grid-area: icontent6; 
		background-image: linear-gradient(to bottom, #800080, 34%, white, 34%, white);
		}
		
	#idd5 { font-size: 1.9vw; color: white;}
	#content6 h2 {  font-size: 5vw; }
	#content6 h4 { font-size: 7vw; }
	#content6 h5 { font-size: 3vw; color: white; }
	#content6 h6 { font-size: 2vw; color: yellow; }
	#content6 p { font-size: 2.3vw; }
	#content6 select { font-size: 2.2vw; }
	#content6 {
		grid-area: content6; 
		background-image: linear-gradient(to bottom, blue, 34%, white, 34%, white);
		min-width: 46.5vw;
		}
	#idd5 { font-size: 1.9vw; color: white;}
	
	#content7 h2 {  font-size: 5vw; }
	#content7 h4 { font-size: 7vw; }
	#content7 h5 { font-size: 3vw; color: white; }
	#content7 h6 { font-size: 2vw; color: yellow; }
	#content7 p { font-size: 2.3vw; }
	#content7 select { font-size: 2.2vw; }
	#content7 {
		grid-area: content7; 
		background-image: linear-gradient(to bottom, #0096FF, 34%, white, 34%, white);
		}
	#content8 h2 {  font-size: 5vw; }
	#content8 h4 { font-size: 7vw; }
	#content8 h5 { font-size: 3vw; }
	#content8 h6 { font-size: 2.5vw; color: yellow; }
	#content8 p { font-size: 2.3vw; }
	#content8 select { font-size: 2.2vw; }
	#content8 {
		grid-area: content8; 
		margin-left: 1%;		
		margin-right: 1%;	
		background-image: linear-gradient(to bottom, #A52A2A, 47%, white, 30%, white);
		height: 55vw;
		overflow: hidden;
		}

	#imessage3 {
		grid-area: imessage2;
	}
	#imessage3 p { color: yellow; font-size: 3vw; text-align: center; }
	
	.AddOn-Container1 { max-width: 60em;  max-height: 21em; }
	#Opt1 { font-size: 1.5vw; }
	#Opt2 { font-size: 3vw; }
	#Opt3 { font-size: 2vw; }
	#Opt4 { font-size: 2vw; }
	.AddOn-Container2 { max-width: 60em;  max-height: 21em; }
	#Opt21 { font-size: 1.5vw; }
	#Opt22 { font-size: 3vw; }
	#Opt23 { font-size: 2vw; }
	#Opt24 { font-size: 2vw; }
	
	#ifooter1 {
		grid-area: ifooter1;
		text-align: left;
	}
	#ifooter2 img:hover { 
		transform: scale(1.1);
		cursor: pointer;
	}
	#ifooter2 img { width: 20vw; }
	#ifooter2 {
		grid-area: ifooter2;
		padding-right: 2em;
	}
	#ifooter3 {
		grid-area: ifooter3;
		text-align: left;
	}

/*--------------------768----------  COMBO  ------------------------------------------*/
	.combo-pics {
		padding-left: 1em;
		margin-top: 5em;
	}
	#Ccontent6 {
		background-image: linear-gradient(to bottom, #00D100, 40%, white, 20%, white);
	}
	#Cnote1 h5 { font-size: 2vw;}
	#Ccontent6 h2 { font-size: 5vw; margin-top: 1em; }
	#Ccontent6 h3 { font-size: 2vw; }
	#Ccontent6 h4 { font-size: 7vw; }
	#Ccontent6 h5 { font-size: 4vw; }
	#Ccontent6 h6 { font-size: 2vw; color: yellow; }
	#Ccontent6 p { font-size: 3vw; }
	#Ccontent6 select { font-size: 3vw; }
	#Ccontent6 img {  margin-left: 8em; width: 10em; }
	
/*-----------------------  Maintenance Detail  ----------------------------*/
.Maint-Detail {
	padding-left: 4em;
	padding-right: 4em;
}
.Maint-Detail h1 { font-size: 5vw;  }
.Maint-Detail h2 { font-weight: 400; font-size: 2vw;  }
.Maint-text p { font-size: 1.2vw;  }

/*---------------------------------  OZONE  ------------------------------------------*/
	.ozone-wrapper img { width: 10em; }
	.ozone-wrapper p { font-size: 2.2vh; }
	.ozone-wrapper h1 { font-size: 3.5vh; text-align: left; color: #CC5500;}
	.ozone-wrapper h2 { font-size: 2.1vh; color: blue; text-align: left}
	.ozone-wrapper h3 { font-size: 2.1vh; color: blue; }
	.whats-involved h1 { font-size: 5vw;}
	.whats-involved p { font-size: 3.5vw; } 
	.centerplease { max-width: 240px; }
	.question { font-size: 3.3vw; }
	.answers { font-size: 3.3vw; }

	.list-prices h1 { font-size: 4vh; }
	.list-prices p {
		font-size: 2.0vh;
		line-height: 4vw;
	}
	Pmain { font-size: 5vw; }
	#Pcontent1 p { font-size: 1.2vw; }
	#Pcontent4 p { font-size: 1.2vw; }
	#Pcontent5 p { font-size: 1.2vw; }
	#Pcontent6 p { font-size: 1.2vw; }
	#Pcontent7 p { font-size: 1.2vw; }
	#Pcontent8 p { font-size: 1.2vw; }
	#Pcontent9 p { font-size: 1.2vw; }
	#Pcontent4 p::first-letter { color: DarkOrange; font-size: 1vw;}
	#Pcontent5 p::first-letter { color: DarkOrange; font-size: 1vw;}
	#Pcontent6 p::first-letter { color: DarkOrange; font-size: 1vw;}
	#Pcontent7 p::first-letter { color: DarkOrange; font-size: 1vw;}
	#Pcontent8 p::first-letter { color: DarkOrange; font-size: 1vw;}
	#Pcontent9 p::first-letter { color: DarkOrange; font-size: 1vw;}
	#Pcontent4 h2 { font-size: 1.38vw; }
	#Pcontent4 h3 { font-size: 1.38vw; }
	#Pcontent4 h4 { font-size: 1.5vw; }
	#Pcontent5 h2 { font-size: 1.4vw; }
	#Pcontent5 h3 { font-size: 1.38vw; }
	#Pcontent5 h4 { font-size: 1.5vw; }
	#Pcontent6 h2 { font-size: 1.4vw; }
	#Pcontent6 h3 { font-size: 1.38vw; }
	#Pcontent6 h4 { font-size: 1.5vw; }
	#Pcontent7 h2 { font-size: 1.4vw; }
	#Pcontent7 h3 { font-size: 1.38vw; }
	#Pcontent7 h4 { font-size: 1.5vw; }
	#Pcontent8 h2 { font-size: 1.38vw; }
	#Pcontent8 h3 { font-size: 1.38vw; }
	#Pcontent8 h4 { font-size: 1.5vw; }
	#Pcontent9 h2 { font-size: 1.38vw; }
	#Pcontent9 h3 { font-size: 1.38vw; }
	#Pcontent9 h4 { font-size: 1.5vw; }
	
	RVmain{   /* Detail Express Packages */
		font-size: 7.5vw;
	}
	.RVcontainer-1 {
		grid-template-rows: 0.3fr 1.5fr 1.5fr 1fr;
		grid-template-columns: .4fr 1.5fr 1.5fr 1.5fr .4fr;
		padding-top: 5em;
		grid-template-areas:
			"RVsidebar1 RVmain RVmain RVmain RVsidebar2"
			"RVsidebar1 RVcontent1 RVcontent2 RVcontent3 RVsidebar2"
			"RVsidebar1 RVcontent4 RVcontent5 RVcontent6 RVsidebar2"
			"RVsidebar1 RVcontent7 RVcontent7 RVcontent7 RVsidebar2"
			"RVsidebar1 RVfooter RVfooter RVfooter RVsidebar2";
			grid-gap: .8em;
	}

	#RVsidebar1{
		grid-area: RVsidebar1;
	}
/*-----768------------------------------ Contact Us -----------------------------------*/

.contact-box h2 {
	font-size: 2.5vw;
	color: blue;
	text-align: center;
	padding-left: 1rem;
}
.contact-box h3 {
	text-align: center;
	color: black; 
	font-size: 4vw;
	padding-left: 1em;
}
.contact-box h4 {
	text-align: left;
	Padding-left: 1em;
	color: #A30000;
	font-size: 2vw;
}
.contact-entry {
	margin-top: 1em;
	font-family: "Bai Jamjuree", serif;
	font-weight: 400;
	padding-left: 2em; 
	color: black;
	font-size: 1.5vw;
}

.inp::-webkit-input-placeholder { font-size: 1.8vw; color: #A30000; }
.msg-box::-webkit-input-placeholder { font-size: 1.8vw; color: black; }
.column1A label { 
	font-size: 1.8vw;
	color: blue;
}
.column1A { 
	input[type="checkbox"] { transform: scale(1.3); }  
	padding-left: .5em;
}
.column4 { 
	width: 90%; 
	margin-bottom: 10px; 
	margin-top: 30px;

	}  /* Hear About Us */
.column3 { grid-template-columns: 20% 20% 20% 20%; }

.column3A { font-size: 2.5vw; margin-bottom: 5px; }
.column3A p {font-size: 2.3vw; }
input[type="checkbox"] { transform: scale(1.5); }
.column3B {  font-size: 2.3vw;}
input[type="checkbox"] { transform: scale(1.1); }
.column5 { 	grid-template-columns: 50% 50%; }

.column5M { width: 90%; margin-bottom: 10px; }  /* Message */
.column5A h3 { font-size: 2vw; }
.column5B h3 { font-size: 2vw; }
.column5 { font-size: 1.7vw; }
.column5M p{ font-size: 2.3vw;  }  /* Message */
.column5N { grid-template-columns: .24fr 1fr; }
.column5N input { font-size: 1.8vw; }
.column5N p { padding-top: 6px; font-size: 2.5vw}
.column5N0, .column5N1, .column5N2, .column5N3 p { font-size: 2.6vw; }
.column5N0, .column5N1, .column5N2, .column5N3  { input[type="file"] { transform: scale(1.4); } }
.column5P { font-size: 2.5vw; }
/*-------768--------------------------------------------------------------*/
	.processcontainer { grid-template-rows: 6vw 7vw 6vw 7vw 3vw 5.5vw; }

/*-------768-------------- Overspray Removal ---------------------------------*/
.Overspray-Container	{ padding-top: 20em; }
.title {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 3.5vh;
	width: 90%;
	
}
.Whats-Overspray {
	padding-top: 2vh;
	font-family: "Poppins", sans-serif;
	font-weight: 400;
	font-style: normal;
	display: grid;
	grid-template-rows: 1fr;
	grid-template-columns: 100%;
	color: black;
	background: white;
	text-align: left;
	grid-template-areas:
		"left";
	padding-left: 1em;
	padding-right: 1em;
}

}  /* End Media Query 768 */

/*----------600----------------------------------------------------------*/
@media only screen and (max-width: 600px) { 

	.popcard img { width: 400px; height: auto; }
	.popcard a { color: yellow; font-size: 1.5vw}
	.popcard { width: 400px; }

	.popcard h1{
		font-size: 3.2em;
		line-height: 10vw;
		margin-top: -10px;
	}
	.popcard h2 {
		font-size: 3.5em;
		line-height: 10vw;
	}
	.popcard p {
		color: blue;
		padding-bottom: 10px;
		background: #E8E8E8;
		font-size: 1.5em;
		line-height: 6vw;
		padding-left: .1em;	
		align-text: center;
		font-weight: bold;
	}
	.popcard h3 {
		color: black;
		background: #E8E8E8;
		font-size: 1.2em;
		font-weight: 300;
		text-align: center;
	}

	.APC-exit img { 
		width: 150%; 
		margin-top: 2em; 
		margin-left: 9em;
		cursor: pointer;
		}

/*------600------------------- MAINTENANCE -----------------------------*/
	.Maint-Detail {
		padding-left: 2em;
		padding-right: 2em;
	}
	.Maint-Detail h1 { font-size: 4vw;  }
	.Maint-Detail h2 { font-size: 2.8vw;  }
	.Maint-Detail p { font-size: 2.8vw;  }

/*------600-------------------------------------------------------------*/
	
	.shiny-car { padding-top: 25%; }
	.discount { top: 30%; left: -7%; }
	.discountL { top: 40%; 	}
	.logo { top: 40%; }
	.headline {
		top: 35%;
		-webkit-text-stroke-width: 1px;
	}
	.below { 
		font-size: 2.5vw;
}

	.button { font-size: 2.5vw; }

	.Abox-1 h3 { font-size: 4vw; }

	.card p {
		font-size: 1.5em;
		line-height: 5vw;
	}
	.enginecontainer {
		top: 0;
		grid-template-rows: 15vw 6vw 2vw 8vw 8vw 11vw 60vw 83vw 3vw 3vw 14vw 5vw 10vw 5vw 10vw 5vw 10vw 5vw 7vw 5vw 14vw 20vw 2vw;
		grid-template-columns: 100%;
		font-size: 1.6vw;
	}
	.Eng-1 {  /* Thorough  Engine Cleanings */
		grid-row: 2 / 2;  
		grid-column: 1 / 1;
		font-size: 3.5vw;
	}
	.Eng-2 {
		grid-row: 4 / 4;  
		grid-column: 1 / 1;
		font-size: 3vw;
	}
	.Eng-3 {   /* Under the Hood */
		grid-row: 5 / 5;  
		grid-column: 1 / 1;
		font-size: 3.6vw;
		text-align: center;
	}
	.Eng-4 {
		grid-row: 6 / 6;  
		grid-column: 1 / 1;
		font-size: 3vw;
	}
	.Eng-4A img { width:80vw; opacity: 0.8; border-radius: 8px; }  /*  Engine Steam Gif  */
	.Eng-4A {
		grid-row: 7 / 7;  
		grid-column: 1 / 1;
		padding-left: .1em;
		text-align: center;
	}
	.Eng-5 img { width:80vw; border-radius: 8px; }  /*  Before/After Engine img  */
	.Eng-5 {
		grid-row: 8 / 8;  
		grid-column: 1 / 1; 
		text-align: center;
	}
	.Eng-5A {
		grid-row: 9 / 9;  /* Get Quote */
		grid-column: 1 / 1;
		text-align: center;
	}
	.Eng-6 {  /* Our Engine Cleaning Process */
		grid-row: 11 / 11;  
		grid-column: 1 / 1;
		font-size: 6vw;
		text-align: center;
		color: blue;
	}
	.Eng-7 {  /* 1 */
		grid-row: 12 / 12;  
		grid-column: 1 / 1;
		font-size: 4vw;
		padding-left: 1em;
		color: blue;
	}
	.Eng-7A {  /* Inspect Engine Bay */
		grid-row: 12 / 12;  
		grid-column: 1 / 1;
		font-size: 4vw;
		padding-left: 2em;
	}
	.Eng-8 {
		grid-row: 13 / 13;  
		grid-column: 1 / 1;
		font-size: 3vw;
		padding-left: 2.6em;
	}
	.Eng-10 {  /* 2 */
		grid-row: 14 / 14;  
		grid-column: 1 / 1;
		font-size: 4vw;
		padding-left: 1em;
		color: blue;
	}
	.Eng-10A {
		grid-row: 14 / 14;  
		grid-column: 1 / 1;
		font-size: 4vw;
		padding-left: 2em;
	}
	.Eng-10B {
		grid-row: 15 / 15;  
		grid-column: 1 / 1;
		font-size: 3vw;
		padding-left: 2.6em;
	}
	.Eng-12 {   /* 3 */
		grid-row: 16 / 16;  
		grid-column: 1 / 1;
		font-size: 4vw;
		padding-left: 1em;
		color: blue;
	}
	.Eng-12A {   
		grid-row: 16 / 16;  
		grid-column: 1 / 1;
		font-size: 4vw;
		padding-left: 2em;
	}
	.Eng-12B {
		grid-row: 17 / 17;  
		grid-column: 1 / 1;
		font-size: 3vw;
		padding-left: 2.6em;
	}
	.Eng-9 {  /* 4 */
		grid-row: 18 / 18;  
		grid-column: 1 / 1;
		font-size: 4vw;
		padding-left: 1em;
		color: blue;
	}
	.Eng-9A {
		grid-row: 18 / 18;  
		grid-column: 1 / 1;
		font-size: 4vw;
		padding-left: 2em;
	}
	.Eng-9B {
		grid-row: 19 / 19;  
		grid-column: 1 / 1;
		font-size: 3vw;
		padding-left: 2.6em;
	}
	.Eng-11 {   /* 5 */
		grid-row: 20 / 20;  
		grid-column: 1 / 1;
		font-size: 4vw;
		padding-left: 1em;
		color: blue;
	}	
	.Eng-11A {   /* Final Touch Up */
		grid-row: 20 / 20;  
		grid-column: 1 / 1;
		font-size: 4vw;
		padding-left: 2em;
	}
	.Eng-11B {
		grid-row: 21 / 21;  
		grid-column: 1 / 1;
		font-size: 3vw;
		padding-left: 2.6em;
	}
	.Eng-12C {    /* NOTE: */
		grid-row: 22 / 22;  
		grid-column: 1 / 1;
		padding-left: 1em;
		font-size: 3vw;
		color: #E0115F;
	}
	.Eng-13 {    /* Get Quote */
		grid-row: 23 / 23;  
		grid-column: 1 / 1;
	}
	.Eng-13A {
		grid-row: 24 / 24;  
		grid-column: 1 / 1;
		font-size: 4vw;
		padding-left: 1em;
		color: blue;
	}
	
/*----------------600-------------- Headlight ------------600-------------*/
	
	.headlightcontainer {
		grid-template-rows: 13vw 15vw 2vw 5vw 28vw;   
		grid-template-columns: 1fr;
		min-height: 120px;
	}
	.Head-1 h1 { font-size: 5.4vw; }
	.Head-2 p { font-size: 2.5vw; }
	.Head-3 {   /* Ultimate Headlight...*/
		grid-row: 5 / 5;  
		grid-column: 1 / 1;
		text-align: center;
		max-width: 61em;
	}
	.Head-3 h1 { font-size: 4.5vw; }
	.Head-3 p { font-size: 3vw; }
	.Head-4 img { width:100vw; padding-left: 2em; }  /*  Before/After Headlight img  */
	.Head-4 {
		grid-row: 6 / 6;  
		grid-column: 1 / 1;
	}
	.Head-5 {   /* Get A Quote */
		grid-row: 7 / 7;  
		grid-column: 1 / 1;
		padding-left: 2em;
	}
	
	.Restoration h2 { padding-top: 1em; font-size: 5vw; }
	.Restoration p { padding-left: 1em; font-size: 3.8vw; }
	.restoration-tier {     /* Polishing cars  */
		grid-template-rows: 1fr 1fr 20px; ;   
		grid-template-columns: 1fr;
		grid-gap: 1em;
		padding-left: 3em;
		padding-right: 3em;
		grid-template-areas: "HL1" "HL2";
	}
	#HL1 h2,#HL2 h2 { 	
		font-size: 5vw;
		padding-left: 1em;
	}
	#HL1 h3,#HL2 h3 { 	
		color: white;
		font-size: 4vw;
		text-align: left;
		padding-left: 1.5em;
	}
	#HL1 p, #HL2 p {
		line-height: 2;
		color: white;
		font-size: 1.8vh;
		text-align: left;
		padding-left: 1em;
	}
	.Process h2 { padding-top: 15px; font-size: 5vw; }

	.processcontainer {
		grid-template-rows: 10px 54px 8px 56px 8px 56px 32px 9px 55px 6px 38px 10px 60px 50px;   
		grid-template-columns: 100%;
}
	.Proc-1 {   /* 1 */
		grid-row: 1 / 1;  
		grid-column: 1 / 1;
		font-size: 4.8vw;
		padding-left: 1em;
	}
	.Proc-1A {
		grid-row: 1 / 1;  
		grid-column: 1 / 1;
		padding-left: 3em;
		font-size: 3vw;
	}
	.Proc-2 {   /* p */
		grid-row: 2 / 2;  
		grid-column: 1 / 1;
		font-size: 2.9vw;
		padding-left: 4em;
		padding-right: 2em;
	}
	.Proc-4 {     /* 2 */
		grid-row: 3 / 3;  
		grid-column: 1 / 1;
		font-size: 4.8vw;
		padding-left: 1em;
	}
	.Proc-4A {
		grid-row: 3 / 3;  
		grid-column: 1 / 1;
		padding-left: 3em;
		font-size: 3vw;
	}
	.Proc-4B {   /* p */
		grid-row: 4 / 4;  
		grid-column: 1 / 1;
		font-size: 2.9vw;
		padding-left: 4em;
		padding-right: 2em;
	}	
	.Proc-6  {   /* 3 */
		grid-row: 5 / 5;  
		grid-column: 1 / 1;
		font-size: 4.8vw;
		padding-left: 1em;
	}
	.Proc-6A {
		grid-row: 5 / 5;  
		grid-column: 1 / 1;
		padding-left: 3em;
		font-size: 3vw;
	}
	.Proc-6B {    /* You can start to see */
		grid-row: 6 / 6;  
		grid-column: 1 / 1;
		font-size: 2.9vw;
		padding-left: 4em;
		padding-right: 2em;
	}
	.Proc-7 {    /* 4 */
		grid-row: 7 / 7;  
		grid-column: 1 / 1;
		font-size: 4.8vw;
		padding-left: 1em;
	}
	.Proc-7A {
		grid-row: 7 / 7;  
		grid-column: 1 / 1;
		padding-left: 3em;
		font-size: 3vw;
	} 
	.Proc-3 { /* 5   */
		grid-row: 8 / 8;  
		grid-column: 1 / 1;
		font-size: 4.8vw;
		padding-left: 1em;
	}
	.Proc-3A {
		grid-row: 8 / 8;  
		grid-column: 1 / 1;
		padding-left: 3em;
		font-size: 3vw;
	}
	.Proc-3B {
		grid-row: 9 / 9;  
		grid-column: 1 / 1;
		font-size: 2.9vw;
		padding-left: 4em;
		padding-right: 2em;
	} 
	.Proc-5 {  /* 6  */
		grid-row: 10 / 10;  
		grid-column: 1 / 1;
		font-size: 4.8vw;
		padding-left: 1em;
	}
	.Proc-5A {
		grid-row: 10 / 10;  
		grid-column: 1 / 1;
		padding-left: 3em;
		font-size: 3vw;
	}
	.Proc-5B {
		grid-row: 11 / 11;  
		grid-column: 1 / 1;
		padding-left: 4em;
		padding-right: 2em;
		font-size: 2.9vw;
	}
	.Proc-6C {   /* 7 */
		grid-row: 12 / 12;  
		grid-column: 1 / 1;
		font-size: 4.8vw;
		padding-left: 1em;
	}
	.Proc-6D {   /* Polish the Headlights */
		grid-row: 12 / 12;  
		grid-column: 1 / 1;
		padding-left: 3em;
		font-size: 3vw;
	} 
	.Proc-6E {   /* Finally, we'll */
		grid-row: 13 / 13;  
		grid-column: 1 / 1;
		padding-left: 4em;
		padding-right: 2em;
		font-size: 2.9vw;
	} 
	.Proc-8 {
		grid-row: 14 / 14;  
		grid-column: 1 / 1;
		padding-left: 4em;
		font-size: 1.6vw;
	} 
	.Proc-8A {
		grid-row: 14 / 14;  
		grid-column: 1 / 1;
		padding-left: 25em;
		font-size: 1.4vw;
	} 
/*-----------600------------------ Main Menu ---------------600-----------*/
	.nav-branding { font-size: 8vw;}
	.nav-menu {
		position: fixed;  
		left: -100%; 
		top: 70px;
		gap: 20px;
		flex-direction: column;
		background-color: black; /* slide-out menu background color */
		width: 32%;   /* how far menu slides out */
		text-align: left;
		padding-right: 2.2em;
		border-radius: 8px;
		transition: 0.5s;
	} 
	.nav-menu a { font-size: 3vw; }
	.sub-menu-1 {    /* actual drop down Menu   */
		display: none;
		list-style: none;
		text-align: left;
		position: absolute; 
		text-decoration: none;  /* text has no lines thru or under */
		font-size: 3.6vw;  
		line-height: 5.5vw;   /* height of menu bar  */
		min-width: max-content; 
		box-shadow: 2px 2px 5px #7DF9FF;
		padding-left: .5em;
	}
	.sub-menu-2 {    /* actual drop down Menu   */
		box-shadow: 2px 2px 5px #7DF9FF;
		padding-left: 1em;
		line-height: 3.5vw;   /* height of menu bar  */
	}	
	.nav-item:hover li a {   
		color: white;  /* Main Menu text color */
		font-size: 3.6vw; 
		margin: .5vw;
		line-height: 6vw;   /* height of menu bar  */
	}
	.nav-item { margin: 5px 0; }  /* space between menu list items */
	
	.nav-menu.active { left: 0; }
	
	.hamburger {
		display: block;  /* Hamburger Menu turns on */
	}
	.hamburger.active .bar:nth-child(1) {
		transform: translateY(8px) rotate(45deg);
	}
	.hamburger.active .bar:nth-child(2) {
		opacity: 0;
	}
	.hamburger.active .bar:nth-child(3) {
		transform: translateY(-8px) rotate(-45deg);
	}
/*-----------------------------------------------------------------------------------------------------*/
	.container {
		flex-direction: column;
		height: 500px;
		padding-left: 1rem;
	}
/*--------600------------------------------------------------------------------------------------------*/
	.flex-about h1 { font-size: 3.5vw; line-height: 3.5vw;  }
	
	.flex-about p { font-size: 3vw; }
	
	.ceramic-container h1 { font-size: 4.5vw; }
	.flex-about-C img { width:100vw; height: 40vh;  float:left; 
				  shape-outside: inherit; 
				  shape-margin: 1em; 
				} 
	.flex-about-C p { font-size: 4vw; 
					padding-left: 1em;
					padding-right: 2em;
				}
	.flex-about-C h5 { font-size: 3.5vw; }
/*-------------------------600------- Paint Chip Repair ------------------------------------------------*/
	.paintchiprepair {
		font-size: 2em;
	}
	.paintchip-wrapper h2 { font-size: 3vw; }
	.paintchip-wrapper img { padding-left: 3em; padding-bottom: 1em; } 
	.section-title-p { font-size: 3.5vw; }
	.diagonal h2 { font-size: 1.6em; text-align: center; }
	.process-wrapper p { font-size: 3.5vw; color: black; }
	.rockchip-container {
		max-height: 330em;
		grid-template-rows: 4vw 7vw 7vw 22vw 8vw 35vw 7vw 25vw 7vw 40vw;
		grid-template-columns: 100%;
		padding-left: 1em;
		padding-right: 2em;
	}
	.Rock-6 {  /* Paint Chip Repair Process */
		grid-row: 2 / 2;  
		grid-column: 1 / 1;
		font-size: 2.6vw;
	}
	.Rock-7 {  /* 1 */
		grid-row: 3 / 3;  
		grid-column: 1 / 1;
		font-size: 6vw;
		color: red;
	}
	.Rock-7A {  /* Cleaning the Area */
		grid-row: 3 / 3;  
		grid-column: 1 / 1;
		font-size: 5vw;
		padding-left: 2em;
	}
	.Rock-8 {
		grid-row: 4 / 4;  
		grid-column: 1 / 1;
		font-size: 3.5vw;
		padding-left: 3em;
	}
	.Rock-10 {  /* 2 */
		grid-row: 5 / 5;  
		grid-column: 1 / 1;
		font-size: 6vw;
		color: red;
	}
	.Rock-10A {
		grid-row: 5 / 5;  
		grid-column: 1 / 1;
		font-size: 5vw;
		padding-left: 2em;
	}
	.Rock-10B {
		grid-row: 6 / 6;  
		grid-column: 1 / 1;
		font-size: 3.5vw;
		padding-left: 3em;
	}	
	.Rock-9 {  /* 3 */
		grid-row: 7 / 7;  
		grid-column: 1 / 1;
		font-size: 6vw;
		padding-left: 1em;
		color: red;
	}
	.Rock-9A {
		grid-row: 7 / 7;  
		grid-column: 1 / 1;
		font-size: 5vw;
		padding-left: 2em;
	}
	.Rock-9B {
		grid-row: 8 / 8;  
		grid-column: 1 / 1;
		font-size: 3.5vw;
		padding-left: 3em;
	}
	.Rock-11 {   /* 4 */
		grid-row: 9 / 9;  
		grid-column: 1 / 1;
		font-size: 6vw;
		padding-left: 1em;
		color: red;
	}
	.Rock-11A {   /* Final Touch Up */
		grid-row: 9 / 9;  
		grid-column: 1 / 21;
		font-size: 5vw;
		padding-left: 2em;
	}
	.Rock-11B {
		grid-row: 10 / 10;  
		grid-column: 1 / 1;
		font-size: 3.5vw;
		padding-left: 3em;
	}

	.wrapper h2 {
		padding-left: 1em;
		font-size: 5vw;
	}
	.wrapper p {
		color:black;
		font-size: 4vw;
		padding-left: 1em;
		padding-right: 1em;
	}

/*-----600--------------------------- COMBO Details --------------------------------------------*/

	.combo-pics {   /* interior/exterior */
		display:grid;
		background: #242424;
		grid-template-rows: .001fr .04fr .05fr .001fr .001fr ;
		grid-template-columns: 1fr;
		text-align: center;
		padding-left: 1em;
		grid-template-areas:
			"Cmain"
			"Ccontent1"
			"Cnote1"
			"Ccontent6"
			"Cmessage1"
			"Cfooter2"
			"Cfooter4";
	}
	.Ccontent1 img { display: none;}
	.Ccontent2 img { display: none; }
	.Ccontent3 img { display: none; }
	Cmain{ padding-top: .9em; font-size: 2em; white-space: nowrap; }
	#Ccontent6 {
		padding-top: .5em;
		background-image: linear-gradient(to bottom, green, 38%, white, 20%, white);
		width: 98%;
	}
	#Cnote1 h5 { font-size: 2.2vw; }
	#Ccontent6 h2 { font-size: 5.3vw; }
	#Ccontent6 h3 { font-size: 2.8vw; }
	#Ccontent6 h4 { font-size: 8vw; }
	#Ccontent6 h5 { font-size: 6vw; }
	#Ccontent6 h6 { font-size: 3vw; color: yellow; }
	#Ccontent6 p { font-size: 3.5vw; }
	#Ccontent6 img {  margin-left: 8em; width: 10em; }
 /*----------- 600 ----------- Polishing cars -------------------------------------------*/
	.polish-pics {    
		display:grid;
		color: blue;
		grid-template-rows: 3% 3% 4% .1fr .05fr .05fr .05fr .3fr 20px 1px ;
		grid-template-columns: 1fr;
		text-align: center;
		padding-top: 20px;
		padding-left: 40px;
		padding-right: 40px;
		grid-template-areas:
		"selpcar1"
		"selpcar2"
		"selpcar3"
		"POcontent6"
		"POcontent5"
		"POcontent4"
		"POmessage1"
		"POfooter2"
		"POfooter3"
		"POfooter4";   
		grid-gap: 1rem;
	}
	#selpcar1 {
		grid-area: selpcar1;
	}
	#selpcar1 h2 {
		color: white;
		font-size: 5vw;
	}
	#selpcar2 {
		grid-area: selpcar2;
	}
	#selpcar2 select { 
		font-size: 3vw; 
		}
	
	#selpcar3 img:hover { 
		transform: scale(1.1);
		cursor: pointer;
	}
	#selpcar3 img { width: 25vw; }
	#selpcar3 {
		grid-area: selpcar3;
	}
	#selpcar4 {
		grid-area: selpcar4;
		display: none;
	}
	#POcontent4 h7 { font-size: 6vw; }
	#POcontent5 h7 { font-size: 6vw; }
	#POcontent6 h7 { font-size: 6vw; }
	#POcontent4 h4 { font-size: 7vw; }
	#POcontent5 h4 { font-size: 7vw; }
	#POcontent6 h4 { font-size: 7vw; }
	#POcontent4 h5 { font-size: 4vw; }
	#POcontent5 h5 { font-size: 4vw; }
	#POcontent6 h5 { font-size: 4vw; }
	#POcontent4 { background-image: linear-gradient(to bottom, #5D3FD3, 36%, white, 22%, white); }
	#POcontent5 { background-image: linear-gradient(to bottom, #F28C28, 36%, white, 22%, white); }
	#POcontent6 { background-image: linear-gradient(to bottom, green, 36%, white, 22%, white); }
	#POcontent4 p { font-size: 3vw; }
	#POcontent5 p { font-size: 3vw; }
	#POcontent6 p { font-size: 3vw; }
	#POmessage1 h3 { font-size: 3vw; white-space: wrap; }
	#POcontent4 img { float:left; margin-left: 8em; width: 23vw; }
	#POcontent5 img { float:left; margin-left: 8em; width: 23vw; }
	#POcontent6 img { float:left; margin-left: 8em; width: 23vw; }
	
/*----------- 600 ------------------- RV Package --------------- 600 ---------------*/

	#RVcontent1 h2 { font-size: 6vw; }
	#RVcontent2 h2 { font-size: 6vw; }
	#RVcontent3 h2 { font-size: 5.5vw; }
	#RVcontent4 h2 { font-size: 5.5vw; }
	#RVcontent1 h3 { font-size: 3.5vw; }
	#RVcontent2 h3 { font-size: 3.5vw; }
	#RVcontent3 h3 { font-size: 3.5vw; }
	#RVcontent4 h3 { font-size: 3.5vw; }
	#RVcontent5 h2 { font-size: 5.5vw; }
	#RVcontent6 h2 { font-size: 5.5vw; }
	#RVcontent7 h2 { font-size: 5.5vw; }
	.RVcontainer-1 {
		grid-template-rows: 5em 23em 1fr 1fr .5fr;
		grid-template-columns: 1fr;
		padding-left: 5em;
		padding-right: 5em;
		grid-template-areas:
		"RVmain"
		"RVcontent1" 
		"RVcontent2" 
		"RVcontent3" 
		"RVcontent4"
		"RVcontent5"
		"RVcontent6"
		"RVcontent7"
		"RVfooter";
		RVmain { font-size: 6.5vw; }
	}
/*-------------------600------------------ Ceramic Package -------------------600-----------------*/
	#Pcontent1 h2 { font-size: 4vw; }
	#Pcontent1 h3 { font-size: 6vw; }
	#Pcontent1 img { width: 40vw; }
	#Pcontent1 p { font-size: 4.3vw; }
	
	#Pcontent2 img { width: 60vw; }
	#Pcontent2 p { font-size: 5vw; white-space: nowrap; }
	#Pcontent3 p::first-letter { color: DarkOrange; font-size: 2.5vw;}
	#Pcontent3 img { width: 60vw; }
	#Pcontent3 h2 { font-size: 7.0vw; }
	#Pcontent3 p { font-size: 3.4vw; }

	#Pcontent4 p::first-letter { color: DarkOrange; font-size: 2.5vw;}
	#Pcontent4 h2 { font-size: 5vw; } /* Simply Ceramic */
	#Pcontent4 h3 { font-size: 3.5vw; padding-top: .5em; }
	#Pcontent4 h6 { font-size: 6.5vw; }
	#Pcontent4 h4 { font-size: 4vw; }
	#Pcontent4 p { font-size: 3.9vw; }
	#Pcontent4 img { width: 6.5em; }
	#Pcontent4 select { font-size: 4vw; }
	
	#Pcontent5 p::first-letter { color: DarkOrange; font-size: 2.5vw;}
	#Pcontent5 h2 { font-size: 5vw; }
	#Pcontent5 h3 { font-size: 3.5vw; padding-top: .5em;  }
	#Pcontent5 h6 { font-size: 6.5vw; }
	#Pcontent5 p { font-size: 3.9vw; }
	#Pcontent5 img { width: 6.5em; }
	#Pcontent5 select { font-size: 4vw; }
	
	#Pcontent6 p::first-letter { color: DarkOrange; font-size: 2.5vw;}
	#Pcontent6 h2 { font-size: 5vw; }
	#Pcontent6 h3 { font-size: 3.5vw; padding-top: .5em;  }
	#Pcontent6 h6 { font-size: 6.5vw; }
	#Pcontent6 p { font-size: 3.9vw; }
	#Pcontent6 img { width: 6.5em; }
	#Pcontent6 select { font-size: 4vw; }
	
	#Pcontent7 p::first-letter { color: DarkOrange; font-size: 2.5vw;}
	#Pcontent7 h2 { font-size: 5vw; }
	#Pcontent7 h3 { font-size: 3.5vw; padding-top: .5em;  }
	#Pcontent7 h6 { font-size: 6.5vw; }
	#Pcontent7 p { font-size: 3.9vw; }
	#Pcontent7 select { font-size: 4vw; }
	
	#Pcontent8 p::first-letter { color: DarkOrange; font-size: 2.5vw;}
	#Pcontent8 h2 { font-size: 5vw; }
	#Pcontent8 h3 { font-size: 3.5vw; padding-top: .5em;  }
	#Pcontent84 h6 { font-size: 6.5vw; }
	#Pcontent8 p { font-size: 3.9vw; }
	#Pcontent8 select { font-size: 4vw; }
	
	#Pcontent9 p::first-letter { color: DarkOrange; font-size: 2.5vw;}
	#Pcontent9 h2 { font-size: 5vw; }
	#Pcontent9 h3 { font-size: 3.5vw; padding-top: .5em;  }
	#Pcontent9 h6 { font-size: 6.5vw; }
	#Pcontent9 p { font-size: 3.9vw; }
	#Pcontent9 select { font-size: 4vw; }
	
	#Pcontent10 p::first-letter { color: DarkOrange; font-size: 2.5vw;}
	#Pcontent10 h2 { font-size: 5vw; }
	#Pcontent10 h3 { font-size: 3.5vw; padding-top: .5em;  }
	#Pcontent10 h6 { font-size: 6.5vw; }
	#Pcontent10 p { font-size: 3.9vw; }
	#Pcontent10 select { font-size: 4vw; }
	
	#Pcontent11 p::first-letter { color: DarkOrange; font-size: 2.5vw;}
	#Pcontent11 h2 { font-size: 5vw; }
	#Pcontent11 h3 { font-size: 3.5vw; padding-top: .5em;  }
	#Pcontent11 h6 { font-size: 6.5vw; }
	#Pcontent11 p { font-size: 3.9vw; }

	#Pcontent12 p::first-letter { color: DarkOrange; font-size: 2.5vw;}
	#Pcontent12 h2 { font-size: 5vw; }
	#Pcontent12 h3 { font-size: 3.5vw; padding-top: .5em;  }
	#Pcontent12 h6 { font-size: 6.5vw; }
	#Pcontent12 p { font-size: 3.9vw; }

	.packages-pics {
		grid-template-rows: .1fr  1fr 1fr 1fr 1% 1% 2% .15fr;
		grid-template-columns: 1fr;
		padding-left: 4em;
		padding-right: 4em;
		grid-template-areas:
			"Pmain"
			"Pcontent1" 
			"Pcontent2" 
			"Pcontent3" 
			"selPcar1"
			"selPcar2"
			"selPcar3"
			"Pcontent4" 
			"Pcontent5" 
			"Pcontent6" 
			"Pcontent7" 
			"Pcontent8" 
			"Pcontent9" 
			"Pcontent10" 
			"Pcontent11" 
			"Pcontent12" 
			"Pfooter";
			Pmain { font-size: 8.5vw; }
	}	

	#selPcar1 h2 {
		color: white;
		font-size: 6vw;
	}
	#selPcar2 { grid-area: selPcar2; }
	#selPcar2 select { 
		grid-area: selPcar2;
		font-size: 3vw; 
		}
	
	#selPcar3 { grid-area: selPcar3; }
	#selPcar3 img:hover { 
		transform: scale(1.1);
		cursor: pointer;
	}
	#selPcar3 img { width: 25vw; }


/*-------------------------------------------600-----------------------------------------------------*/
	.Pbox-title {
		font-size: 5vw;
	}
	.Pbox-title h2 { font-size: 7.5vw; }
	.Pbox-0 h1 {
		font-size: 10vw;
	}
	.container-1 {
		flex-direction: row;
	}
	.Pbox-1 h4 {
		font-size: 4vw;
	}
	.Pbox-1 p {
		font-size: 3.4vw;
	} 
	.Cbox-1 img	{ width: 100%;}
	
	.Mbox-1 { 
		font-size: 5vw; 
		color: white; 
		text-align: center;
	}
	
	.container-4 {
		flex-direction: column;
	}
	.Mbox-2 {
		width: 30vw;
		padding-left: 1em;
	}
	.Mbox-3 {
		max-width: 25em;
		padding-left: 4em; 
	}
	.Mbox-3 p {   /* Header Text */
		background-color: #000;
		padding-left: 1em; 
		padding-right: 1em;
		padding-top: .3em;
		font-size: 3.5vw;
		border-radius: 10px;	
		}

/*---------600----------------------- How To Make An Appointment -------------------------------------------*/
	.schedule-service {
		display: grid;
		grid-template-rows: 11vw 11vw 11vw 22vw 11vw 11vw 11vw 11vw 11vw;
		grid-template-columns: 18% 82%;
		padding-right: 2rem;
	}
	.Appointment h3 { font-size: 3.5vh; }
	.stage-1 img { width: 13vw; }
	.stage-2 img { width: 13vw; }
	.stage-3 img { width: 13vw; }
	.stage-4 img { width: 13vw; }
	.stage-1C img { display: none; }
	.stage-1A h4 { color: black; font-size: 5.5vw; }
	.stage-2A h4 { color: black; font-size: 5.5vw; }
	.stage-3A h4 { color: black; font-size: 5.5vw; }
	.stage-4A h4 { color: black; font-size: 5.5vw; }
	.stage-1B p { color: black; font-size: 3.8vw; }
	.stage-2B p { color: black; font-size: 3.8vw; }
	.stage-3B p { color: black; font-size: 3.8vw; }
	.stage-4B p { color: black; font-size: 3.8vw; }

/*--------------600-------------------- Digital Portfolio ----------------------------------------------*/
	.Abox-1 h3 {   /* Header Text */
		font-size: 4.5vw;
	}
	.Abox-2 img {
		width: 30vw;
		height: 25vw;
	}
/*------------------600----------------- Popup Menu ----------------------------------------------*/
	.popup{
		background-size: 380px;
		width: 340px;
		height: 310px;
		padding: 10px 10px;
	}
	.popup button{
		margin:  0 0 10px auto; 
		font-size: 32px;
		padding: 0px;
		color: Crimson;
		background: white;
		width: 1em;
		height: 1em;  
		border-radius: 50%;
	}
	.popup h1{
		font-size: 4.5vw;
	}  
	.popup p{
		font-size: 4.5vw;
	}  

/*------------600----------------------- Interior/Exterior Details ------------600-------------------------------*/

	.interiorcontainer {
		grid-template-rows: 16% 7% 27% 35% 25% ;
		grid-template-columns: 100%;
		text-align: left;
		padding-left: 1em;
		padding-right: 1.5em;
	}

	.IC-title {
		grid-row: 2 / 2;  
		grid-column: 1 / 1;
	}	
	.IC-title h1 { font-size: 3.8vw; text-align: center; }

	.IC-text p { font-size: 2.5vw; }
	.IC-text {
		grid-row: 3 / 3;  
		grid-column: 1 / 1;
	}	
	.IC-bio {
		grid-row: 4 / 4;  
		grid-column: 1 / 4;
	}	
	.IC-title p { font-size: .9vw; }
	.IC-bio h3 { font-size: 2vw; font-weight: 300; }
	.IC-img1 {
		grid-row: 5 / 5;  
		grid-column: 1 / 1;
	}	
	.IC-img1 img { width: 100%;  }
/* -----------------------------------------------------600---------------*/
	.interiorexplanation {
		margin-top: 28em;
		padding-left: .5em;
		padding-right: .5em;
		grid-template-rows: 2% 1% 1% 1% 17% 17% 17% 17% 8% 1% 7% 6.5%;
		grid-template-columns: 100%;
		grid-template-areas:
		"selcar1" 
		"selcar2" 
		"selcar3" 
		"selcar4"
		"icontent6"
		"icontent5"
		"content7"
		"content6"
		"content8"
		"imessage3"
		"AddOn1"
		"AddOn2"
		"ifooter1"
		"ifooter2"
		"ifooter3";
	}
	#selcar1 h2 {
		color: white;
		font-size: 4.8vw;
	}
	#selcar2 select { 
		font-size: 3vw; 
		}
	
	#selcar3 img { width: 20vw; }
	#selcar3 {
		grid-area: selcar3;
	}
	#selcar4 {
		grid-area: selcar4;
		color: #FFC000;
		font-size: 2.3vw;
		text-align: left;
		background: rgba(160,42,0,.25);
		padding-left: 1em;
		padding-right: 1em;
		border-radius: 15px;
		border: .75px solid DarkOrange;
		max-height: 5em;
	}
	#idd5 { font-size: 3.8vw; color: white;}
	#icontent5 select { font-size: 4vw; }
	#icontent5 h2 { font-size: 9vw; }
	#icontent5 h4 { font-size: 10vw; }
	#icontent5 h5 { font-size: 7.5vw; }
	#icontent5 h6 { font-size: 3vw; color: yellow; }
	#icontent5 p { font-size: 4vw; }
	#icontent5 img { float:left; margin-top: 1em; margin-left: 7em; width: 30vw; }
	#icontent5 {
		grid-area: icontent6; 
		background-image: linear-gradient(to bottom, #40147A, 26%, white, 30%, white);
		height: 50em;
	}
	#icontent6 select { font-size: 4vw; }
	#icontent6 h2 { font-size: 9vw; }
	#icontent6 h4 { font-size: 10vw; }
	#icontent6 h5 { font-size: 7.5vw; }
	#icontent6 h6 { font-size: 3vw; color: yellow; }
	#icontent6 p { font-size: 4vw; }
	#icontent6 img { float:left; margin-top: 1em; margin-left: 7em; width: 30vw; }
	#icontent6 {
		grid-area: icontent5; 
		background-image: linear-gradient(to bottom,  #800080, 25%, white, 30%, white);
		height: 50em;
	}
	#content6 select { font-size: 4vw; }
	#content6 h2 { font-size: 9vw; }
	#content6 h4 { font-size: 10vw; }
	#content6 h5 { font-size: 7.5vw; }
	#content6 h6 { font-size: 3vw; color: yellow; }
	#content6 p { font-size: 4vw; }
	#content6 img { float:left; margin-top: 1em; margin-left: 7em; width: 30vw; }
	#content6 {
		grid-area: content7; 
		background-image: linear-gradient(to bottom,  #800080, 25%, white, 30%, white);
		min-width: 32em;
		height: 50em;
	}
	#content7 select { font-size: 4vw; }
	#content7 h2 { font-size: 9vw; }
	#content7 h4 { font-size: 10vw; }
	#content7 h5 { font-size: 7.5vw; color:white; }
	#content7 h6 { font-size: 3vw; color: yellow; }
	#content7 p { font-size: 4vw; }
	#content7 img { float:left; margin-top: 1em; margin-left: 7em; width: 30vw; }
	#content7 {
		grid-area: content6; 
		background-image: linear-gradient(to bottom,  #800080, 25%, white, 30%, white);
		height: 50em;
	}
	#content8 {
		color: white;
		margin-left: 1%;		
		margin-right: 1%;	
		border-radius: 15px;	
		background-image: linear-gradient(to bottom, #A52A2A, 52%, white, 32%, white);
		height: 75vw;
		overflow: hidden;
	}
	#content8 h2 { font-size: 9vw; }
	#content8 h4 { font-size: 5vh; }
	#content8 h5 { font-size: 3vh; }
	#content8 h6 { font-size: 3vw; color: yellow; }
	#content8 p { font-size: 1.8vh; }
	#content8 select { font-size: 3.5vw; }
	#wdropdown8 { 
		margin-top: 1em;
		font-size: 1vw;
	}
	#imessage3 {
		grid-area: imessage3;
	}
	#imessage3 p { color: yellow; font-size: 3vw; text-align: center; }

	.AddOn-Container1 {
		max-width: 60em;
		max-height: 21em;
		grid-template-rows: 12% 10% 50% 50% ;
		grid-template-columns: 90% 10%;
		padding-left: .5em; 
		padding-right: 1em; 
	}
	#Opt1 { font-size: 3vw; }
	#Opt2 { font-size: 4vw; }
	#Opt3 { font-size: 3vw; }
	#Opt4 { font-size: 3vw; }
	
	.AddOn-Container2 {
		max-width: 60em;
		max-height: 21em;
		grid-template-rows: 12% 10% 50% 50%;
		grid-template-columns: 90% 10%;
		padding-left: .5em; 
		padding-right: 1em; 
	}
	#Opt21 { font-size: 3vw; }
	#Opt22 { font-size: 4vw; }
	#Opt23 { font-size: 3vw; }
	#Opt24 { font-size: 3vw; }
	
	#ifooter1 {
		grid-area: ifooter1;
		text-align: left;
	}
	#ifooter2 img:hover { 
		transform: scale(1.1);
		cursor: pointer;
	}
	#ifooter2 img { width: 25vw; }
	#ifooter2 {
		grid-area: ifooter2;
		padding-right: 2em;
	}
	#ifooter3 {
		grid-area: ifooter3;
		text-align: left;
	}

/*-----------600--------------------------------------------------------------------*/
	.box1 img { width: 25vw; height: 12vw; }
	.box1 {
		grid-row: 1 / 1;  
		grid-column: 1 / 1;
	}
	.box2 img { width: 27vw; height: 12vw; }
	.box2 {
		grid-row: 1 / 1;  
		grid-column: 2 / 2;
		border-left: 3px solid black;
	}
	.box3 img { width: 25vw; height: 12vw; }
	.box3 {
		grid-row: 1 / 1;  
		grid-column: 3 / 3;
		border-left: 3px solid black;
	}
	.box4 img { width: 25vw; height: 10vw; }
	.box4 {
		grid-row: 2 / 2;  
		grid-column: 1 / 1;
		border-top: 3px solid black;
		border-left: 3px solid black;
	}
	.box5 img { width: 25vw; height: 10vw; }
	.box5 {
		grid-row: 2 / 2;  
		grid-column: 2 / 2;
		border-top: 3px solid black;
		border-left: 3px solid black;
	}
	.box6 img { width: 25vw; height: 10vw; }
	.box6 {
		grid-row: 2 / 2;  
		grid-column: 3 / 3;
		border-top: 3px solid black;
		border-left: 3px solid black;
	}
.basic-included {  
	margin-top: 1em;
	padding-left: 1em;
}
.basic-included h3 { margin-left: .3em; font-size: 2.0vw; color: red; }
.basic-included h4 { 
	margin-left: .2em; 
	font-size: 3.5vw; 
	color: white; 
	font-weight: bold; 
}
.basic-included p::first-letter { color: Crimson; }
.basic-included p { margin-left: 1em; font-size: 3vw; } 

/*---------600------------------------- Ozone ----------------------------------------------*/
	.ozone-wrapper img { width: 10em; }
	.ozone-wrapper p { font-size: 2.4vh; }
	.ozone-wrapper h1 { font-size: 3.8vh; text-align: left; color: #CC5500;}
	.ozone-wrapper h2 { font-size: 2.0vh; color: blue; text-align: left;}
	.ozone-wrapper h3 { font-size: 2.0vh; color: blue; text-align: left;}
	.ozone-wrapper a { padding-left: 5em; }
	.whats-involved h1 { font-size: 5vw;}
	.whats-involved p { font-size: 3.5vw; } 
	.centerplease { max-width: 240px; }
	.question { font-size: 3.3vw; }
	.answers { font-size: 3.3vw; }
/*----------600------------------------ Glass Protection -----------------------------------------*/

	.glass-container {
		grid-template-rows: 9vw 65vw 60vw 5vw 6vw;
		grid-template-columns: 45% 55%;
	}
	.glass-1 h2 {
		grid-column: 1 / 1;  
		font-size: 5vw;
		padding-left: .5em;
		padding-top: 15px;
	}
	.glass-2 img { width: 85vw;	}
	.glass-2 {
		grid-column: 1 / 1;  
		grid-row: 2 / 2;  
		padding-left: 3em;
	}
	.glass-3 img { width: 40vw;	}
	.glass-3 {
		grid-column: 1 / 1;  
		grid-row: 3 / 3;  
		padding-left: 1em;
	}
	.glass-4 {
		grid-row: 3 / 5;  
		grid-column: 2 / 2;  
		font-size: 2.7vw;
		padding-left: 1em;
		margin-right: 1em;
	}
	.glass-5 img { 
		width: 40vw;	
		border-radius: 10px;
		border: 2px solid black;
	}
	.glass-5 {
		grid-row: 3 / 3;  
		grid-column: 1 / 1;  
		padding-left: 1em;
		padding-top: 12.5em;
		cursor: pointer;
	}
	.review-us button { 
		font-size: 4vw;
	}
	.list-prices h1 { font-size: 4vh; }
	.list-prices p {
		font-size: 2.8vh;
		line-height: 6vw;
	}
/*----------------600------------------ Acknowledgement -----------------------------------------*/
	.acknow p {
		margin-left: 1em;
		margin-right: 1em;
	}
	.acknow h2 { font-size: 2.5vw; white-space: nowrap;}
	.acknow h3 {
		font-size: 3vw;
		margin-right: 1em;
	}
	.acknow h4 img { width: 9vw; }
	.acknow h4 { 
		margin-left: 3em;
		font-size: 3vw;
		margin-right: 1em;
	}
/*-----600------------------------------ Contact Us -----------------------------------*/

	.contact-box h2 { font-size: 4.5vw; }
	.contact-box h3 { font-size: 7vw; }

	.contact-box h4 {
		Padding-left: 1em;
		font-size: 3vw;
	}
	.contact-entry {
		margin-top: 1em;
		padding-left: .5em; 
		font-size: 1.5vw;
	}

	.inp::-webkit-input-placeholder { font-size: 3vw; color: #A30000; }
	.msg-box::-webkit-input-placeholder { font-size: 3vw; color: black; }
	.inp2::-webkit-input-placeholder { font-size: 3vw; color: black; }
	.inp3::-webkit-input-placeholder { font-size: 3vw; color: black; }
	.column0 { /* Name */
		grid-template-columns: 49% 49%;
		width: 85%; 
		margin-bottom: 5px; 
	}  
	.pet { transform: scale(2); }
	.column1 {  /* Address */
	display: grid;  
	grid-template-rows: 20% 20% 20% 20%;
	grid-template-columns: 85%;
	margin-bottom: 5px;
	}
	.column1A input[type="checkbox"] { transform: scale(1.4); }
	.column1A label[for="scales"] { font-size: 2.2vw; }
	.column2 {  /* Email/Phone */
	display: grid;  
	grid-template-rows: 40% 40%;
	grid-template-columns: 85%;
	margin-bottom: 5px; 
	}
	.column3 {  /* Vehicle */
	display: grid;  
	grid-template-rows: 40% 40%;
	grid-template-columns: 41% 41%;
	margin-bottom: 5px;
	}
	.column3A { font-size: 2.5vw; margin-bottom: 5px; }
	.column3A p {padding-left: 1em; font-size: 3.3vw; }
	.column3B input[type="checkbox"] { transform: scale(1.4); }
	.column3B {padding-left: 1em;  font-size: 2.6vw; }
	.column3B input[type="checkbox"] { transform: scale(1.3); }
	.column4 { width: 85%; margin-bottom: 5px; }  /* Hear About Us */

	.column5 {
		display: grid;  
		grid-template-rows: 1fr .8fr;
		grid-template-columns: 100%;
		margin-bottom: 5px;
		font-size: 2.1vw;
	}

	.column5A h3 { font-size: 6vw; }
	.column5A {
		grid-row: 1 / 1;  
		grid-column: 1 / 1;
		font-size: 3.8vw;
	}
	.column5B h3 { font-size: 6vw; }
	.column5B {
		grid-row: 2 / 2;  
		grid-column: 1 / 1;
		font-size: 3.8vw;
	}
	.column5C { display: none; }
	.column6A p { font-size: 4vw; }

	.column5M { width: 85%; margin-bottom: 5px; }  /* Message */
	.column5M p { font-size: 3vw; }
	.column5M a { font-size: 3vw; }
	.column5N { grid-template-columns: .38fr 1fr; }
	.column5N input { font-size: 2.5vw; }
	.column5N p { padding-top: 6px; font-size: 3.3vw}
	.column5N0, .column5N1, .column5N2, .column5N3 p { font-size: 3.2vw; }
	.column5N0, .column5N1, .column5N2, .column5N3  { input[type="file"] { transform: scale(1.2); } }
	.column5P { font-size: 3vw; }

	.column6 {
		grid-template-rows: 1fr 1fr;
		grid-template-columns: 33% 33%;
		input[type="checkbox"] { transform: scale(1.6); }
	}
	.column6A {
		grid-row: 1 / 1;  
		grid-column: 1 / 1;
		font-size: 3vw;	
		white-space: nowrap;
		}
	.column6B {
		grid-row: 2 / 2;  
		grid-column: 1 / 1;
		font-size: 1.8vw;
		cursor: pointer;
	}
	.Ack-button { font-size: 3vw; }
	.column6C {
		grid-row: 2 / 2;  
		grid-column: 2 / 2;
		color: Crimson;
		font-weight: bold;
		font-size: 3vw;	
		white-space: nowrap;
		}
	#SubmitIt { font-size: 4vw; }
	#Clear { font-size: 4vw; }

/*-----------------600---------------- Polishing -----------------600-------------*/
	.polishcontainer-1 { padding-top: 1em; }
	.Pitem-1 img { padding-top: 10vw;  width: 90%;}
	.overlay-image {  /* Interior Detailer */
	 top: -10px;
	}
	.Pitem-2A h3 { font-size: 4.5vw; color: cyan; }
	.Pitem-2A h4 { font-size: 2.7vw; }
	
	.flex-about-P img { width:90vw; float:left; 
				  shape-outside: inherit; 
				  shape-margin: 20px; 
				  padding-right: 1em;
				} 
	
	.flex-about-P p {font-size: 3.5vw; }
/*-------------------------------------- ThankYou -----------------------------------*/
.Thankyou img { 
	width: 90%; 
	border: 4px solid cyan;
}
.Thankyou .button { width: 10em; height: 5em; }

/*------------------600--------------- Footer ------------------------600--------------------*/
	.footer-container {
		grid-template-rows: 7em 3em 10em 4em 2em 3em;   
		grid-template-columns: 33% 28% 38%;
	}

	.footer-1 img {        /*  APC Logo  */
		grid-column: 1 / 1;
		width: 30vw;
		padding-left: .5em;  
		padding-right: 1rem;
	}
	.footer-1A {  /* text next to APC logo */
		grid-row: 1 / 1;
		grid-column: 2 / 3;
		font-size: 2.2vw;	
		text-align: center;
	}

	.footer-2 {   /* Services  */
		grid-row: 2 / 2;  
		grid-column: 1 / 1;
		font-size: 4.5vw;	
		text-align: right;
	} 
footer-2A:hover { filter: opacity(30%); }
.footer-2A img { max-width:30%; }  /* Facebook  */
.footer-2A {
	grid-row: 2 / 2;  
	grid-column: 2 / 2;
	text-align: center;
	padding-left: 2em;
} 
.details:hover {  color: red;  }
.footer-3 {   
	grid-row: 3 / 3;  
	grid-column: 1 / 1;
	color: white; 
	font-size: 2.5vw;	
	text-align: left;
	padding-left: 2em;
	line-height: 3vw;
}
	.footer-3A {   
		grid-row: 3 / 3;  
		grid-column: 2 / 2;
		font-size: 2.5vw;	
		text-align: left;
		padding-left: 1em;
	}
	.footer-3C {  /* Contact US */
		grid-row: 2 / 2;  
		grid-column: 3 / 3 ;
		font-size: 4.5vw;	
	}
	.footer-3D img {  width: 38vw; }
	.footer-3D {
	grid-row: 4 / 4;  
	grid-column: 3 / 4;
}
	.footer-4:hover { filter: opacity(40%);; }
	.footer-4 {  /*   Phone Number */
		grid-row: 3 / 3;  
		grid-column: 3 / 4;
		font-size: 3vw;	
		white-space: nowrap;
	}
	.footer-5:hover { filter: opacity(30%);; }
	.footer-5 {
		grid-row: 3 / 3;    /* email */
		grid-column: 3 / 3;  
		font-size: 2.7vw;
		white-space: nowrap;
		padding-top: 2.5em;
	}
	.footer-3B img:hover { filter: sepia(100%); }   /* Map Image*/
	.footer-3B img {  width: 50vw; }
	.footer-3B {
		grid-row: 4 / 4;  
		grid-column: 1 / 1;
	}
	.footer-7 {  /* Hennessey Development */
		grid-row: 10 / 10;    
		grid-column: 1 / 1; 
		font-size: 2.4vw;	
		color:white;
		text-align: left;
		white-space: nowrap;
		height: 4em;
	}
/* ---------------------------  600 -----------------------------------------600-------------*/
	.APC-logo { margin-top: 20%; }
	.APC-logo img { width: 70%; }

	.APC-heading { 	
		margin-top: 10%;
		text-align: left;
		padding-left: 6em;
	}
	.APC-heading h1 { font-size: 2.4vw; }
	.APC-heading p { font-size: 1.4vw; }

	.APC-text {
		padding-left: 1em;
		padding-right: 1em;
		input[type="checkbox"] { transform: scale(1.3); }
	}
	.APC-text p {  font-size: 1.1vw; }
	
/* ---------------------------  600 -----------------------------------------600-------------*/
	.Waterspot-container {
		grid-template-rows: 1vw 11vw 1vw 5vw 30vw 50vw 30vw 50vw 50vw;   
		grid-template-columns: 100%;
	}
	.Spot-1 {   /* Water Spot Removal */
		grid-row: 2 / 2;  
		grid-column: 1 / 1;
		font-size: 3.5vw;
	}
	.Spot-2 {
		grid-row: 3 / 3;  
		grid-column: 1 / 1;
		font-size: 3.5vw;
	}
	.Spot-3 {   /* Water Spot Removal Text*/
		grid-row: 5 / 5;  
		grid-column: 1 / 1;
		padding-left: 1em;
		padding-right: 1em;
		max-width: 200em;
	}
	.Spot-3 h1 { font-size: 5vw;  }
	.Spot-3 p { font-size: 3vw;  }
	
	.Spot-4 img { width:75vw;  }  /*  Paint Waterspot img  */
	.Spot-4 {  /* PIC */
		grid-row: 6 / 6;  
		grid-column: 1 / 1;
		text-align: center;
	}
	.Spot-7 {   /* Water Spot  Prevention */
		grid-row: 7 / 7;  
		grid-column: 1 / 1;
		text-align: center;
	}
	.Spot-7 h2 { font-size: 6vw;  }
	.Spot-7 p { font-size: 4vw;  }
	
	.Spot-5 img { width:75vw;}  /*  Glass Waterspot img  */
	.Spot-5 {
		grid-row: 8 / 8;  
		grid-column: 1 / 1;
		text-align: center;
	}
	.Spot-8 {   /* Water Spot Removal */
		grid-row: 9 / 9;  
		grid-column: 1 / 1;
	}
	.Spot-8 h2 { text-align: center; font-size: 6vw; }
	.Spot-8 p { text_align: left; font-size: 4vw; Padding-left: 2em;  }
	
	.Spot-6 {   /* Get A Quote */
		grid-row: 10 / 10;  
		grid-column: 1 / 1;
	}
	.Spot-9 {   /* Water Spot */
		grid-row: 11 / 11;  
		grid-column: 1 / 1;
		font-size: 3vw;
		text-align: center;
	}
	
/* ------- 600 ---------------- Paint Overspray ---------------------600-------------*/
.Overspray-Container	{ padding-top: 15em; }
.title {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 4vh;
	width: 90%;
	
}
.Whats-Overspray {
	padding-top: 2vh;
	font-family: "Poppins", sans-serif;
	font-weight: 400;
	font-style: normal;
	display: grid;
	grid-template-rows: 1fr;
	grid-template-columns: 100%;
	color: black;
	background: white;
	text-align: left;
	grid-template-areas:
		"left";
	padding-left: 1em;
	padding-right: 1em;
}
.OS-1 h1 { 
	grid-area: left;
	}
.OS-1 p { padding-top: 27vh; font-size: 2.3vh; }
				
.OS-2 {
	grid-area: left;
	padding-top: 6vh;
}
.OS-2 img { padding-left: 1em; width: 100%; }

.Skipping-DIY {
	padding-top: 2vh;
	font-family: "Poppins", sans-serif;
	font-weight: 400;
	font-style: normal;
	color: black;
	background: #F2F2F2;
	text-align: left;
	padding-left: 1em;
	padding-right: 1em;
}
.Skipping-DIY h2 { font-size: 5vw; }
.Skipping-DIY p {
	padding-top: 4vh;
	font-size: 2.3svh;
}
.Removing-Overspray {
	padding-top: 2vh;
	font-family: "Poppins", sans-serif;
	font-weight: 400;
	font-style: normal;
	display: grid;
	grid-template-rows: 1fr;
	grid-template-columns: 100%;
	color: black;
	background: white;
	text-align: left;
	grid-template-areas:
		"left";
	padding-left: 1em;
	padding-right: 1em;
}
.ROS-1 { grid-area: left; 	}
.ROS-1 h1 { font-size: 3vh; }				
.ROS-1 p { padding-top: 95vh; font-size: 2.3vh; }				
.ROS-2 {
	grid-area: left;
	padding-top: 2vh;
}
.ROS-2 img { padding-top: 3vh; padding-left: 1em; width: 100%; }

}  /* End Media Query 600 */