/*
*: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;
}

.fixed-selector {
	margin-top: 4.6em;
   position: fixed;
	width: 99.5%;
	z-index: 9998;
	display:grid;
	background: linear-gradient(45deg, #102eff, #d2379b);
	grid-template-rows: .0001fr ;
	grid-template-columns: 24% 24% 24% 24%;
	text-align: center;
	grid-template-areas:
		"selcar1 selcar2 selcar3 selcar4";
	border: 2.5px solid yellow;
	border-radius: 8px;
	gap: 1em; 
	padding-left: 1em;
}

	.blink { 
		color: white;
		animation: blink_smooth 2.5s linear infinite; 
	}
	@keyframes blink_smooth { 50% { color: transparent; } }
	#idropdown1 {
		color:yellow; background:black; border-color:cyan;
	}
	#idd5 {
		color: white;
		font-size: 1vw;
	}
	#selcar1 {
		grid-area: selcar1;
	}
	#selcar1 h2 {
		color: white;
		font-size: 1.5vw;
	}
	#selcar2 {
		grid-area: selcar2;
		margin-left: -1em;
		padding-top: 20px;
		width: 32vw;
	}
	#selcar2 select:hover {
		cursor: pointer;
		border: 2.5px solid cyan;
		}
	#selcar2 select:focus {
		border: 4px solid red;
	}
	#selcar2 select { 
		font-size: 1.4vw; 
		}
	
	#selcar3 img:hover { 
		transform: scale(1.1);
		cursor: pointer;
		box-shadow: 3px 3px 10px 1px #102eff;
		border-radius: 10px;
	}
	#selcar3 img { width: 12vw; }
	#selcar3 {
		grid-area: selcar3;
		margin-left: 6vw;
		padding-top: 10px;
	}
	#selcar4 {
		grid-area: selcar4;
		color: white;
		font-size: 1.15vw;
		font-weight: 500;
		text-align: left;
		padding-left: .5em;
		padding-top: 9px;
		margin-left: -1.2em;
	}
/*-------------------------------------------------------------------------------------*/
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: yellow;
	font-size: 1.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: 13% .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; 
		background: #102eff;
		border-top-left-radius: 15px;
		border-bottom-left-radius: 15px;
	}
	#selpcar1 select { 	}
	#selpcar1 h2 {
		color: white;
		font-size: 1.5vw;
	}
	
	#selpcar2 select:hover {
		cursor: pointer;
		border: 2.5px solid cyan;
		}
	#selpcar2 select:focus {
		border: 4px solid red;
	}
	#selpcar2 {
		grid-area: selpcar2;
		margin-left: -1em;
		background: #102eff;
		padding-top: 20px;
	}
	#selpcar2 select { 
		grid-area: selPcar2;
		font-size: 1.2vw; 
		}
	
	#selpcar3 img:hover { 
		transform: scale(1.1);
		cursor: pointer;
		box-shadow: 4px 3px 15px 2px blue;
		border-radius: 10px;
	}
	#selpcar3 {
		grid-area: selpcar3;
		margin-left: -1em;
		background: #102eff;
		padding-top: 10px;
		border-top-right-radius: 15px;
		border-bottom-right-radius: 15px;
	}
	#selpcar3 img { width: 12vw; }
	#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 {
	margin-top: 7em;
	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 {
	margin-top: 7em;
	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: .1fr .9fr .01fr .01fr;
	grid-template-columns: 24% 24% 24% 24%;
	text-align: center;
	grid-template-areas:
		"icontent5 icontent6 content6 content7"
		"content8 content9 AddOn1 AddOn2"
		"imessage1 imessage2 imessage3 imessage3"
		"ifooter1 ifooter2 ifooter3 ifooter4";
	gap: 1em; 
	padding-left: 2em;
	padding-right: 1em;
}
	
	#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; -webkit-text-stroke: 1px black; }
	#icontent5 h5 {  text-align: center; font-size: 1.5vw; color: white;}
	#icontent5 h6 {  font-size: 1vw; color: yellow; background: black; border: 1px solid cyan; }
	#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;  -webkit-text-stroke: 1px black; }
	#icontent6 h5 {  text-align: center; font-size: 1.8vw; color: white;}
	#icontent6 h6 {  font-size: 1vw; color: yellow; background: black; border: 1px solid cyan; }
	#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: .8em;
		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;
		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;
	}
	#content6 h4 {  text-align: center; font-size: 3vw; color: #39FF14; -webkit-text-stroke: 1px black; }
	#content6 h5 {  text-align: center; font-size: 1.8vw; color: cyan;  }
	#content6 h6 {  font-size: 1vw; color: yellow; background: black; border: 1px solid cyan; }
	#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: .8em;
		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;  -webkit-text-stroke: 1px black; }
	#content7 h5 {  text-align: center; font-size: 1.8vw; color: blue; }
	#content7 h6 {  font-size: 1vw; color: yellow; background: black; border: 1px solid cyan; }
	
	#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 {  /* Hand Wax */
		grid-area: content8;
		color: white;
		padding-left: 1em;
		padding-right: .8em;
		border-radius: 15px;	
		background-image: linear-gradient(to bottom, #A52A2A, 39%, white, 38%, white);
		border: 2px solid #b590e0;
		overflow: hidden;
	}
	#content8 p { 
		text-align: left; 
		padding-left: .5em; 
		color: #0000D1; 
		font-size: 1.2vw; 
		}
	#content8 h2 {  
		text-align: center;
		font-size: 2.5vw;
		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; -webkit-text-stroke: 1px black; }
	#content8 h5 {  text-align: center; font-size: 1.8vw; color: white; }
	#content8 h6 {  font-size: 1vw; color: yellow; background: black; border: 1px solid cyan; }

	#content9:hover { 
		border: 3px solid yellow;
		cursor: pointer;
	}
	#content9:focus-within { 
		border: 4px solid #39FF14;
		box-shadow: 3px 3px 15px 1px #39FF14;
		cursor: pointer;
	}
	#content9 {  /* COMBO */
		grid-area: content9;
		color: white;
		padding-left: 1em;
		padding-right: .8em;
		border-radius: 15px;	
		background-image: linear-gradient(to bottom, black, 39%, white, 38%, white);
		border: 2px solid #b590e0;
		overflow: hidden;
	}
	#content9 p { 
		text-align: left; 
		padding-left: .5em; 
		color: black; 
		font-size: 1.2vw; 
		}
	#content9 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;
	}
	#content9 h4 {  text-align: center; font-size: 3vw; color: #39FF14; -webkit-text-stroke: 1px black; }
	#content9 h5 {  text-align: center; font-size: 1.8vw; color: white; }
	#content9 h6 {  font-size: 1vw; color: yellow; background: black; border: 1px solid cyan; }

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

	.AddOn-Container1 {
		grid-area: AddOn1;
		max-width: 60em;
		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;
		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;
	}
	

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

.packages-pics {
	display:grid;
	grid-template-rows: 0.1fr .1fr 1fr 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 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; 
		background: #FFFFF0;
		border-top-left-radius: 15px;
		border-bottom-left-radius: 15px;
	}
	#selPcar1 select { 	}
	#selPcar1 h2 {
		color: black;
		font-size: 1.5vw;
	}
	
	#selPcar2 select:hover {
		cursor: pointer;
		border: 2.5px solid cyan;
		}
	#selPcar2 select:focus {
		border: 4px solid red;
	}
	#selPcar2 {
		grid-area: selPcar2;
		margin-left: -1em;
		background: #FFFFF0;
		padding-top: 20px;
	}
	#selPcar2 select { 
		grid-area: selPcar2;
		font-size: 1.2vw; 
		}
	
	#selPcar3 img:hover { 
		transform: scale(1.1);
		cursor: pointer;
		box-shadow: 4px 3px 15px 2px blue;
		border-radius: 10px;
	}
	#selPcar3 {
		grid-area: selcar3;
		margin-left: -1em;
		background: #FFFFF0;
		padding-top: 10px;
	}
	#selPcar3 img { width: 12vw; }
	
	#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: 2.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: 2.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.0vw; }
	#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 {
		margin-top: 20em;
		grid-template-rows: 14% 9% 28%;
		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---------------*/
.fixed-selector {
	grid-template-rows: 4.5vh 5vh 8vh 8vh;
	grid-template-columns: 100%;
	text-align: center;
	grid-template-areas:
		"selcar1" 
		"selcar2" 
		"selcar3"
		"selcar4";
	border: 2.5px solid yellow;
	border-radius: 8px;
	gap: 1em; 
	padding-left: 1em;
}
	#idd5 { font-size: 2vw; color: white;}
	#selcar1 h2 {
		color: white;
		font-size: 3vw;
	}
	#selcar2 select { 
		margin-left: 1em;
		width: 280%;
		font-size: 2.5vw; 
		}
	
	#selcar3 img:hover { 
		transform: scale(1.1);
		cursor: pointer;
	}
	#selcar3 img { width: 20vw; }
	#selcar3 {
		grid-area: selcar3;
		margin-right: 3em;
	}
	#selcar4 {
		grid-area: selcar4;
		color: white;
		font-size: 2vw;
		text-align: left;
		background: rgba(160,42,0,.25);
		padding-left: 1em;
		border-radius: 15px;
		border: .75px solid DarkOrange;
		max-height: 6em;
	}
/*----------768--------------------------------------------------------------*/
	.interiorexplanation {
		grid-template-rows: 30% 30% 20% 4% 15% 1%;
		grid-template-columns: 49% 49%;
		padding-left: .2em;
		padding-right: 1em;
		gap: .5em;
		grid-template-areas:
			"icontent5 icontent6"
			"content6 content7"
			"content8 content9"
			"imessage2 imessage2"
			"AddOn1 AddOn2"
			"ifooter1 ifooter2"
			"ifooter4 ifooter3";
		gap: 1em;
	}
	
	#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, 31%, white, 32%, 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, 31%, white, 32%, 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, 31%, white, 32%, 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, 31%, white, 32%, 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;
		}
	#content9 h2 {  font-size: 4vw; }
	#content9 h4 { font-size: 7vw; }
	#content9 h5 { font-size: 3vw; }
	#content9 h6 { font-size: 2.5vw; color: yellow; }
	#content9 p { font-size: 2.3vw; }
	#content9 select { font-size: 2.2vw; }
	#content9 {
		grid-area: content9; 
		margin-left: 1%;		
		margin-right: 1%;	
		background-image: linear-gradient(to bottom, black, 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;
	}
	#ifooter4 {
		grid-area: ifooter4;
		text-align: left;
		padding-left: 1em;
		font-size: 4vw;
	}

	
/*----------768---------  Maintenance Detail  ----------------------------*/
	.Maintenance { margin-top: 22em; }
	.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;
	}
	.ceramic-container { margin-top: 45vw; }
	.ceramic-container h1 { font-size: 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 -----------------------------*/
	.Maintenance { margin-top: .1em; }
	.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 ----------- Polishing cars -------------------------------------------*/
	.polish-pics {    
		display:grid;
		color: blue;
		grid-template-rows:  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 6% 9% 10% .15fr;
		grid-template-columns: 1fr;
		padding-left: 4em;
		padding-right: 4em;
		grid-template-areas:
			"Pmain"
			"Pcontent1" 
			"Pcontent2" 
			"Pcontent3" 
			"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 {
		margin-top: 50vw;
		grid-template-rows: 26% 5% 20% 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---------------*/
.fixed-selector {
	grid-template-rows: 7vh 6vh 8vh 8vh;
	grid-template-columns: 100%;
	text-align: center;
	grid-template-areas:
		"selcar1" 
		"selcar2" 
		"selcar3"
		"selcar4";
	border: 2.5px solid yellow;
	border-radius: 8px;
	gap: 1em; 
	padding-left: 1em;
}
/* -----------------------------------------------------600---------------*/
	.interiorexplanation {
		margin-top: 25em;
		padding-left: .5em;
		padding-right: .5em;
		grid-template-rows: 15.5% 11.5% 15% 11.5% 11.5% 9.7% 1.5% 8.5% 7.5% .5% .1%;
		grid-template-columns: 100%;
		grid-template-areas:
		"icontent6"
		"icontent5"
		"content7"
		"content6"
		"content8"
		"content9"
		"imessage3"
		"AddOn1"
		"AddOn2"
		"ifooter1"
		"ifooter2"
		"ifooter4";
	}
	#selcar1 h2 {
		color: white;
		font-size: 6vw;
	}
	#selcar2 select { 
		grid-area: selcar2;
		margin-left: 1em;
		width: 280%;
		font-size: 3.5vw; 
		}
	
	#selcar3 img { width: 30vw; }
	#selcar3 {
		grid-area: selcar3;
		margin-right: 2em;
	}
	#selcar4 {
		grid-area: selcar4;
		color: white;
		font-size: 3vw;
		text-align: left;
		padding-left: 1em;
		padding-right: 1em;
		border-radius: 15px;
		border: .75px solid DarkOrange;
		max-height: 5em;
	}
	#idd5 { font-size: 2.6vw; 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, 33%, white, 29%, white);
		height: 41em;
	}
	#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, 45%, white, 29%, white);
		height: 30em;
	}
	#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, 34%, white, 29%, white);
		min-width: 29em;
		height: 40em;
	}
	#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, 45%, white, 29%, white);
		height: 30em;
	}
	#content8 {
		margin-left: 1%;		
		margin-right: 1%;	
		background-image: linear-gradient(to bottom, #A52A2A, 42%, white, 30%, white);
		height: 30em;
	}
	#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: 4vw; }
	#content8 select { font-size: 3.5vw; }

	#content9 {  /* combo */
		margin-left: 1%;		
		margin-right: 1%;	
		background-image: linear-gradient(to bottom, black, 49%, white, 26%, white);
		height: 26em;
	}
	#content9 h2 { font-size: 9vw; }
	#content9 h4 { font-size: 5vh; }
	#content9 h5 { font-size: 3vh; }
	#content9 h6 { font-size: 3vw; color: yellow; }
	#content9 p { font-size: 4vw; }
	#content9 select { font-size: 3.5vw; }

	#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;
	}
	#ifooter4 {
		grid-area: ifooter4;
		text-align: right;
		padding-right: 1em;
		font-size: 5vw;
	}

/*-----------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 */