/* |HSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSH|
         Hot Shots dsc baseStyles CSS Document
	   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	   AUTHOR : Mike Lasher
	   Updated: August 2017
	   Notes  : Hand coded for www.hotshotsdsc.ca
   |HSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSH|
*/


/* |HSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSH|
   |HSHSHSHSHSHSHSHSHSHSHSHSHS TYPOGRAPHY HSHSHSHSHSHSHSHSHSHSHSHSH|
   |HSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSH|
*/
@font-face {
	font-family: "Bebas Neue";
	src: url(../fonts/BebasNeue.otf);
}
@font-face {
	font-family: "britannic Bold";
	src: url(../fonts/BRITANIC.TTF);
}
@font-face {
	font-family: "coolvetica Rg";
	src: url(../fonts/coolvetica_rg.ttf);
}
@font-face {
	font-family: COPPER;
	src: url(../fonts/copper.ttf);
}
@font-face {
	font-family: firestarter;
	src: url(../fonts/Firestarter.ttf);
}
@font-face {
	font-family: "Odin Rounded";
	src: url(../fonts/Odin-Rounded-Bold.otf);
}
@font-face {
	font-family: Snot;
	src: url(../fonts/SNOT___.TTF);
}
/* |HSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSH|
   |HSHSHSHSHSHSHSHSHSHSHSHSHSHS GLOBAL HSHSHSHSHSHSHSHSHSHSHSHSHSH|
   |HSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSH|
*/



*{
	margin: 0;
	padding: 0 !important;
	box-sizing: border-box;
}
body {
	max-width: 100%;
	font: normal 16px/1.4 Arial, Helvetica, sans-serif;
}
/* ========= Body Content Container ========= */
.wrapper {
	padding-top: 6em;
	background: #fff;
	-webkit-box-shadow: 0 0 10px 5px #555;
	   -moz-box-shadow: 0 0 10px 5px #555;
	        box-shadow: 0 0 10px 5px #555;
}
/* ========= Parallax Body Text ============ */
.skrollr-desktop body {height:100% !important;}
#skrollr-body {
	margin:0;
	padding:0;
	height:100%;
	overflow:visible;
	position:relative;
}
/* ======================================== */
.para{
	padding: 5em 0;
	margin: 0  auto;
	background: #FFF;
	box-sizing: border-box;
	background-size: contain;
}
.para ul,
.para p {
	font-size: 2em;
	line-height: 2;
	color: #2d2c2c;
	margin: 1em 4em;
	font-family: "Odin Rounded", Arial, Helvetica, sans-serif;
}
.para ul {list-style-image: url(../images/tear_drop20.png);}
.para li {margin: 1em 0 .5em 2.5em;}
.hstitleimg {
	padding: 0 1em;
	max-width: 1000px;
	margin: 3em auto 3em;
}
.bold {font-weight: bold;}
.centred {text-align: center;}
.uppercase {text-transform: uppercase;}
.coolvetica {font-family: "coolvetica Rg"; color: #330000; font-size: 1.7em;}
.snot {
	color: #96A400;
	font-size: 1.7em;
	font-family: Snot;
	-webkit-text-shadow: -1px -1px 5px #F6F8D6, -2px -1px 10px #64760A;
	   -moz-text-shadow: -1px -1px 5px #F6F8D6, -2px -1px 10px #64760A;
		-ms-text-shadow: -1px -1px 5px #F6F8D6, -2px -1px 10px #64760A;
		 -o-text-shadow: -1px -1px 5px #F6F8D6, -2px -1px 10px #64760A;
			text-shadow: -1px -1px 5px #F6F8D6, -2px -1px 10px #64760A;
}
.copper {
	color: #00a3e2;
	font-size: 1.4em;
	font-family: COPPER, copperregular;
	-webkit-text-shadow: -1px -1px 2px #fff, -2px -1px 26px #0C0C63;
	   -moz-text-shadow: -1px -1px 2px #fff, -2px -1px 26px #0C0C63;
		-ms-text-shadow: -1px -1px 2px #fff, -2px -1px 26px #0C0C63;
		 -o-text-shadow: -1px -1px 2px #fff, -2px -1px 26px #0C0C63;
			text-shadow: -1px -1px 2px #fff, -2px -1px 26px #0C0C63;
}
.firestarter {
	color: #9d490a;
	font-size: 1.2em;
	font-family: firestarter;
    -webkit-text-shadow: -1px -1px 4px #f3ee03, -2px -2px 6px #e1a811, -2px -2px 26px #420000;
       -moz-text-shadow: -1px -1px 4px #f3ee03, -2px -2px 6px #e1a811, -2px -2px 26px #420000;
        -ms-text-shadow: -1px -1px 4px #f3ee03, -2px -2px 6px #e1a811, -2px -2px 26px #420000;
         -o-text-shadow: -1px -1px 4px #f3ee03, -2px -2px 6px #e1a811, -2px -2px 26px #420000;	
	        text-shadow: -1px -1px 4px #f3ee03, -2px -2px 6px #e1a811, -2px -2px 26px #420000;
}
   
/* |HSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSH|
   |HSHSHSHSHSHSHSHSHSHSHSHSH NAVIGATION  HSHSHSHSHSHSHSHSHSHSHSHSH|
   |HSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSH|
*/
.branding img {
  padding-left: 1em;
  -webkit-filter: drop-shadow(0px 0px 10px #FFF);
     -moz-filter: drop-shadow(0px 0px 10px #FFF);
      -ms-filter: drop-shadow(0px 0px 10px #FFF);
       -o-filter: drop-shadow(0px 0px 10px #FFF);
          filter: drop-shadow(0px 0px 10px #FFF);
 }
/* Hamburger Menu */
.navbar-toggle {
	border-color: #7f2618 !important;
	background: #7f2618 url(../images/chrome-sqr.jpg) !important;
}
.navbar-toggle:focus,
.navbar-toggle:hover {background: #deab20 !important;}
.icon-bar {background-color: #7f2618 !important;}
#navbar-collapse-1 ul {margin-left: 2em;}
.navbar {outline: none !important; border: none !important;}
.navbar-default {
	margin: 0;
	width:100%;
	box-sizing: border-box;
	padding: 3px !important;
	border: none !important;
	background: url(../images/chrome-bg.jpg) repeat-x #ccc;
	background-size: contain;
	-webkit-box-shadow: 0px 0px 15px 1px #138DCE, 0px 0px 18px 2px #FFF;
	   -moz-box-shadow: 0px 0px 15px 1px #138DCE, 0px 0px 18px 2px #FFF;
		-ms-box-shadow: 0px 0px 15px 1px #138DCE, 0px 0px 18px 2px #FFF;
		 -o-box-shadow: 0px 0px 15px 1px #138DCE, 0px 0px 18px 2px #FFF;
			box-shadow: 0px 0px 15px 1px #138DCE, 0px 0px 18px 2px #FFF;
}
/* Current Page */
.navbar-nav > li.active a {
	border-radius: 6px;
	border: 1px solid #ccc;
	color: #FDF23D !important;
	background: url(../images/chrome-bg.jpg) repeat-x #CCC;
	background-position: center;
	background-size: contain;
	-webkit-box-shadow: 0px 0px 1px 2px #138DCE, 0px 0px 12px 3px #FFF;
	   -moz-box-shadow: 0px 0px 1px 2px #138DCE, 0px 0px 12px 3px #FFF;
		-ms-box-shadow: 0px 0px 1px 2px #138DCE, 0px 0px 12px 3px #FFF;
		 -o-box-shadow: 0px 0px 1px 2px #138DCE, 0px 0px 12px 3px #FFF;
			box-shadow: 0px 0px 1px 2px #138DCE, 0px 0px 12px 3px #FFF;
			text-shadow: -1px -1px #5011AD, 1px 1px #5011AD, -2px -2px #5011AD !important;
}
/* unvisited link */
.navbar-nav > li a:link {
	padding: .5em;
	margin: 0 .5em;
	color: #ffe301;
	font-weight: bold;
	font-family: "britannic Bold", ARLRDBD, sans-serif;
	transition: color .3s ease;
	-webkit-text-shadow: -1px -1px #822c19, 1px 1px #822c19;
	   -moz-text-shadow: -1px -1px #822c19, 1px 1px #822c19;
		-ms-text-shadow: -1px -1px #822c19, 1px 1px #822c19;
		 -o-text-shadow: -1px -1px #822c19, 1px 1px #822c19;
			text-shadow: -1px -1px #ffe403, 1px 1px #ff3403;
}
/* visited link #D8F801 fee403*/
li a:visited {
    color: #5011AD !important;
}
.navbar-nav > li.active a:hover {
    background: url(../images/chrome-bg.jpg) repeat-x #ccc;
    color: #d29b24 !important;
	-webkit-text-shadow: -1px -1px #ffe301, 1px 1px #ffe301, -4px -4px 5px #fcde1d, 4px 4px 5px #fcde1d;
	   -moz-text-shadow: -1px -1px #ffe301, 1px 1px #ffe301, -4px -4px 5px #fcde1d, 4px 4px 5px #fcde1d;
		-ms-text-shadow: -1px -1px #ffe301, 1px 1px #ffe301, -4px -4px 5px #fcde1d, 4px 4px 5px #fcde1d;
		 -o-text-shadow: -1px -1px #ffe301, 1px 1px #ffe301, -4px -4px 5px #fcde1d, 4px 4px 5px #fcde1d;
			text-shadow: -1px -1px #ffe301, 1px 1px #ffe301, -4px -4px 5px #fcde1d, 4px 4px 5px #fcde1d;
}
/* mouse over link */
li a:hover {color: #ccb402 !important;}
/* selected link */
li a:active {color: #cae6fe !important;}
 /* Date Line */
.navbar-right li {
	color: #FDF23D;
	font-weight: bold;
	font: 1.5em "britannic Bold", ARLRDBD, "Bebas Neue";
	margin-right: 1em;
	padding: 16px;
	-webkit-text-shadow: -1px -1px #7c1401, 1px 1px #7c1401;
	   -moz-text-shadow: -1px -1px #7c1401, 1px 1px #7c1401;
		-ms-text-shadow: -1px -1px #7c1401, 1px 1px #7c1401;
		 -o-text-shadow: -1px -1px #7c1401, 1px 1px #7c1401;
			text-shadow: -1px -1px #7c1401, 1px 1px #7c1401;
}
/* ___________________________ ^NAVBAR END^  ______________________ */

/* |HSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSH|
   |HSHSHSHSHSHSHSHSHSHSHSHS FOOTER STYLES SHSHSHSHSHSHSHSHSHSHSHSH|
   |HSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSH| 
*/
#footBorder {
	padding: 6px;
	border-width: 6px 0 0 0;
    border: solid transparent;
	border-image: url(../images/stainlessBorder.png) 30 round;
}
footer {
	background: url(../images/body-bg.gif) repeat #333;
	color: #eee;
	font-size: 11px;
	padding: 1.25em;
}
footer .col-sm-2 > h6,
footer .col-sm-4 > h6 { font-size: 1.3em; font-weight: bold; }
ul.footer-list li {display: inline-block; margin: .8em 0; }
ul.footer-list li figure { margin: -1em .1em; padding: 0; }
ul.footer-list li a { color: #f0e6ff; padding: .5em .8em; }
.footColRht { text-align: right; }
.footColLt { font-size: 1.2em; font-weight: bold; color: #f0e6ff; }
.footColLt a { color: #f0e6ff; font-size: 1em; font-weight: bold; }
.footColRht a { color: #f0e6ff; font-size: 1.5em; }
.navbtns {
	margin-top: 4em;
	font-size: 1.1em;
	text-align: center;
}
.webmstr {
	color: #FFF;
	font-size: 1em;
	text-align:right;
	padding: 1em 0 1em 0;
	font-family: Arial, Helvetica, sans-serif;
}
.webmstr a:link {
	color: #FFF;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	transition: color .3s ease;
}
.webmstr a:hover {color: #88A6F0;}
.rights {
	color: #FFF;
	padding: 1em;
	font-size: .8em;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
}
.contact {width: 100%; text-align: center;}
.contact p {
	color: #FFF;
	padding: 1em 0;
	font-size: 1em;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}
.contact a {
	color: #FFF;
	margin: 2em 0;
	font-size: 1em;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}
.initals {font-size: .68em;}
.lw {
	color: #FFF;
	padding: 1em;
	font-size: .7em;
	text-align:right;
	margin-right: 2em;
	font-family: Arial, Helvetica, sans-serif;
}
.lw a {
	color: #FFF;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
}

/* |HSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSH|
   |HSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSH MEDIA QUERIES HSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSH|
   |HSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSHSH|
*/
@media only screen and (min-width: 360px) and (max-width:640px) {
	.well {margin: 2.5em 1em;}
	.well p {
	  padding: .2em;
	  line-height: 2;
	  color: #2d2c2c;
	  font-size: 1.5em;
	  font-family: "Odin Rounded", Arial, Helvetica, sans-serif;
	}
}
/* Extra small devices (phones, less than 768px) */
/* Small devices (tablets, 768px and up) @screen-sm-min */
@media screen and (max-width: 768px) {
	.navbar-right li {
		position: relative;
		top: -.3em !important;
	}
	.navbar-nav li {
		margin: 0;
		padding: 0;
		font-size: 2em;
	}
}
@media screen and (min-width: 769px) and (max-width: 850px) {
	.branding img {max-width: 200px; padding-top:3px;}
	.navbar-right li {
		position: relative;
		top: -4em !important;
		font-size: .7em !important;
		padding-bottom:0 !important;
		margin: 0 2em 0 auto !important;
	}
	.navbar-nav li {
		margin: 0 !important;
		font-size: 1em !important;
		padding-top: 3px !important;
	}
}
/* Medium devices (desktops, 992px and up) @screen-md-min */
@media screen and (min-width: 769px) and (max-width: 992px) {
	.navbar-right li {
		position: relative;
		top: 1em !important;
		font-size: 1em !important;
		padding-bottom:0 !important;
		margin: 0 2em 0 auto !important;
	}
	.navbar-default {padding:0 !important;}
	.navbar-nav li {
		margin: 0;
		padding: 0;
		font-size: .95em;
	}
}
@media screen and (min-width: 992px) {
	.navbar-right li {
		top: .5em;
		font-size: 1.6em;
		position: relative;
		padding-right: 2em !important;
	}
	.navbar-nav li {
		margin: 0;
		padding: 0;
		font-size: 1.6em;
	}
}
/* Large devices (large desktops, 1200px and up) @screen-lg-min */
@media screen and (min-width: 1200px) {
	.branding img {max-width: 100%;}
	.navbar-nav li {
		margin: 0 !important;
		font-size: 1.5em !important;
		padding-top: .6em !important;
	}
	.navbar-right li {
		right: .5em;
		position: relative;
		top: .3em !important;
	}
}
/*Stop Parallax Motion On Small Devices*/
@media 
  /* ----------- iPhone 4 and 4S ----------- */
  only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2),
  /* ----------- iPhone 5 and 5S ----------- */
  only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2),
  /* ----------- iPhone 6 ----------- */
  only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2),
  /* ----------- iPhone 6+ ----------- */
  only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3),
  /* ----------- iPad mini ----------- */
  only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1),
  /* ----------- iPad 1 and 2 ----------- */
  only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1),
  /* ----------- iPad 3 and 4 ----------- */
  only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) {
    .slide {
        background-attachment: scroll;
    }
}
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) 
and (orientation : landscape) {
	header h1 {font-size: 1em;}
	.menu {height: 1em; padding: .7em .7em 1em;}
	.menu li {padding: .2em .7em;}
	.para{padding: 1em 0;}
	.para ul, .para p {margin: 1em; font-size: 1.5em; line-height: 1.5;}
	.para ul {list-style-image: url(../images/tear_drop10.png);}
	.rights {font-size: .5em;} .lw {font-size: .45em;}
	.img1 {
		background: url(../images/panel/bizcard-bg-iph.jpg) no-repeat #333;
		margin-top: 90px;
		height: 141px;
	}
	.img2 {
		background: url(../images/panel/shroud-iph.jpg) no-repeat #333;
		background-attachment: inherit !important;
		background-repeat: no-repeat;
		background-size: cover;
		height: 141px;
	}
	.img3 {
		background: url(../images/panel/dsc-kitchen-iph.jpg) no-repeat #333;
		background-position: center !important;
		background-size: cover;
		height: 141px;
	}
	.img4 {
		background: url(../images/panel/hood-wash-iph.jpg) no-repeat #333;
		background-position: center !important;
		background-size: cover;
		height: 141px;
	}
	.img5 {
		background: url(../images/panel/spinner-iph.jpg) no-repeat #333;
		background-position: center !important;
		background-size: cover;
		height: 141px;
	}
	.img6 {
		background: url(../images/panel/missing-louvers-iph.jpg) no-repeat #333;
		background-position: center !important;
		background-size: cover;
		height: 141px;
	}
	.img7 {
		background: url(../images/panel/exhaust-hardware-iph.jpg) no-repeat #333;
		background-position: center !important;
		background-size: cover;
		height: 141px;
	}
	.img8 {
		background: url(../images/panel/residential-iph.jpg) no-repeat #333;
		background-position: center !important;
		background-size: cover;
		height: 141px;
	}
}
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) 
and (orientation : portrait) {
	header {padding: 1.5em 0 0;}
	header h1 {font-size: 1.5em;}
	.menu li {padding: .1em .75em;}
	.para ul,
	.para p {margin: 1em;}
	.para li {margin: 1em 0 .5em 1.2em;}
	.menu {padding: .7em .7em 2em .7em;}
	.menu li {display: inline-block; padding: .3em .8em;}
	.para{padding: 1em 0;}
	.para ul, .para p {margin: 1em; font-size: 1.5em; line-height: 1.5;}
	.para ul {list-style-image: url(../images/tear_drop10.png);}
	.img1 {
		background: url(../images/panel/bizcard-bg-iph.jpg) no-repeat #333;
		background-position: center !important;
		background-size: cover;
		margin-top: 90px;
		height: 141px;
	}
	.img2 {
		background: url(../images/panel/shroud-iph2.jpg) no-repeat, url(../images/gradient-slice-900.jpg)repeat-x #333 !important;
		background-position: center !important;
		background-size: cover, contain !important;
		height: 200px !important;
	}
	.img3 {
		background: url(../images/panel/dsc-kitchen-iph.jpg) no-repeat #333;
		background-position: center !important;
		background-size: cover;
		height: 141px;
	}
	.img4 {
		background: url(../images/panel/hood-wash-iph.jpg) no-repeat #333;
		background-position: center !important;
		background-size: cover;
		height: 141px;
	}
	.img5 {
		background: url(../images/panel/spinner-iph.jpg) no-repeat #333;
		background-position: center !important;
		background-size: cover;
		height: 141px;
	}
	.img6 {
		background: url(../images/panel/missing-louvers-iph.jpg) no-repeat #333;
		background-position: center !important;
		background-size: cover;
		height: 141px;
	}
	.img7 {
		background: url(../images/panel/exhaust-hardware-iph.jpg) no-repeat #333;
		background-position: center !important;
		background-size: cover;
		height: 141px;
	}
	.img8 {
		background: url(../images/panel/residential-iph.jpg) no-repeat #333;
		background-position: center !important;
		background-size: cover;
		height: 141px;
	}
}
@media only screen 
and (min-device-width : 540px) 
and (max-device-width : 960px) 
and (orientation : landscape) {
	header h1 {font-size: 1em;}
	.menu {height: 1em; padding: .7em .7em 1em;}
	.menu li {padding: .2em .7em;}	
	.para{padding: 1em 0;} 
	.para ul, .para p {margin: 1em; font-size: 1.5em; line-height: 1.5;}
	.para ul {list-style-image: url(../images/tear_drop10.png);}
	.contact p {font-size: 1.5em;} .contact a {font-size: 1.5em;}
	.rights {font-size: 1em;} .lw {font-size: .75em; margin: 2em 3em 0;}
}
/* --- Extra Large Devices, Wide Screens - height:600px --- */
@media only screen and (min-width: 1201px) {
	.img1 {padding:0; margin:0;
		background: url(../images/panel/bizcard-bg.jpg) no-repeat #333;  
		background-size: cover;
		background-attachment: fixed;
		background-position: bottom;
		height: 768px;
	}
	.img2 {
		background: url(../images/panel/shroud.jpg) no-repeat #333;
		background-size: cover;
		background-attachment: fixed;
		background-position: center;
		height: 768px;
	}
	.img3 {
		background: url(../images/panel/dsc-kitchen.jpg) no-repeat #333;
		background-size: cover;
		background-attachment: fixed;
		background-position: center;
		height: 768px;
	}
	.img4 {
		background: url(../images/panel/hood-wash.jpg) no-repeat #333;
		background-size: cover;
		background-attachment: fixed;
		background-position: center;
		height: 768px;
	}
	.img5 {
		background: url(../images/panel/spinner.jpg) no-repeat #333;
		background-size: cover;
		background-attachment: fixed;
		background-position: center;
		height: 768px;
	}
	.img6 {
		background: url(../images/panel/missing-louversII.jpg) no-repeat #333;
		background-size: cover;
		background-attachment: fixed;
		background-position: center;
		height: 768px;
	}
	.img7 {
		background:  url(../images/panel/exhaust-hardware.jpg) no-repeat #333;
		background-size: cover;
		background-attachment: fixed;
		background-position: center;
		height: 768px;
	}
	.img8 {
		background: url(../images/panel/residential.jpg) no-repeat #333;
		background-size: cover;
		background-attachment: fixed;
		background-position: center;
		height: 768px;
	}
}
/* --- Large Devices, Desktops - height:527px --- */
@media only screen and (max-width : 1300px) {
	.img1 {
		background: url(../images/panel/bizcard-bg-lg.jpg) no-repeat #333;
		background-position: center !important;
		background-attachment: fixed;
		background-size: cover;
		margin-top: 50px;
		height: 900px;
	}
	.img2 {
		background: url(../images/panel/shroud-lg.png) no-repeat, url(../images/gradient-slice-900.jpg)repeat-x #333;
		background-position: center, center;
		background-attachment: fixed;
		background-size: cover, contain;
		height: 900px;
	}
	.img3 {
		background: url(../images/panel/dsc-kitchen-lg.png) no-repeat, url(../images/gradient-slice-900.jpg)repeat-x #333;
		background-position: center, center;
		background-attachment: fixed;
		background-size: cover, contain;
		height: 900px;
	}
	.img4 {
		background: url(../images/panel/hood-wash-lg.png) no-repeat, url(../images/gradient-slice-900.jpg)repeat-x #333;
		background-position: center, center;
		background-attachment: fixed;
		background-size: cover, contain;
		height: 900px;
	}
	.img5 {
		background: url(../images/panel/spinner-lg.png) no-repeat, url(../images/gradient-slice-900.jpg)repeat-x #333;
		background-position: center, center;
		background-attachment: fixed;
		background-size: cover, contain;
		height: 900px;
	}
	.img6 {
		background: url(../images/panel/missing-louvers-lgII.png) no-repeat, url(../images/gradient-slice-900.jpg)repeat-x #333;
		background-position: center, center;
		background-attachment: fixed;
		background-size: cover, contain;
		height: 900px;
	}
	.img7 {
		background: url(../images/panel/exhaust-hardware-lg.png) no-repeat, url(../images/gradient-slice-900.jpg)repeat-x #333;
		background-position: center !important;
		background-attachment: fixed;
		background-size:contain;
		height: 900px;
	}
	.img8 {
		background: url(../images/panel/residential-lg.png) no-repeat, url(../images/gradient-slice-900.jpg)repeat-x;
		background-position: center !important;
		background-attachment: fixed;
		background-size: contain, contain;
		height: 900px;
	}
}
/* --- Medium Devices, Desktops - height:436px --- */
@media only screen and (max-width : 992px) {
	.img1 {
		background: url(../images/panel/bizcard-bg-md.jpg) no-repeat #333;
		background-position: center !important;
		background-attachment: fixed;
		background-size: cover;
		height: 436px;
	}
	.img2 {
		background: url(../images/panel/shroud-md.jpg) no-repeat #333;
		background-position: center !important;
		background-attachment: fixed;
		background-size: cover;
		height: 436px;
	}
	.img3 {
		background: url(../images/panel/dsc-kitchen-md.jpg) no-repeat #333;
		background-position: center !important;
		background-attachment: fixed;
		background-size: cover;
		height: 436px;
	}
	.img4 {
		background: url(../images/panel/hood-wash-md.jpg) no-repeat #333;
		background-position: center !important;
		background-attachment: fixed;
		background-size: cover;
		height: 436px;
	}
	.img5 {
		background: url(../images/panel/spinner-md.jpg) no-repeat #333;
		background-position: center !important;
		background-attachment: fixed;
		background-size: cover;
		height: 436px;
	}
	.img6 {
		background: url(../images/panel/missing-louvers-mdI.jpg) no-repeat #333;
		background-position: center !important;
		background-attachment: fixed;
		background-size: cover;
		height: 436px;
	}
	.img7 {
		background: url(../images/panel/exhaust-hardware-md.jpg) no-repeat #333;
		background-position: center !important;
		background-attachment: fixed;
		background-size: cover;
		height: 436px;
	}
	.img8 {
		background: url(../images/panel/residential-md.jpg) no-repeat #333;
		background-position: center !important;
		background-attachment: fixed;
		background-size: cover;
		height: 436px;
	}
}
/* --- Small Devices, Tablets - height:338px --- */
@media only screen and (max-width : 767px) {
	.img1 {
		background: url(../images/panel/bizcard-bg-sm.jpg) no-repeat #333;
		background-position: left;
		background-size: cover;
		height: 338px;
	}
	.img2 {
		background: url(../images/panel/shroud-sm.jpg) no-repeat #333;
		background-position: center !important;
		background-size: cover;
		height: 338px;
	}
	.img3 {
		background: url(../images/panel/dsc-kitchen-sm.jpg) no-repeat #333;
		background-position: center !important;
		background-size: cover;
		height: 338px;
	}
	.img4 {
		background: url(../images/panel/hood-wash-sm.jpg) no-repeat #333;
		background-position: center !important;
		background-size: cover;
		height: 338px;
	}
	.img5 {
		background: url(../images/panel/spinner-sm.jpg) no-repeat #333;
		background-position: center !important;
		background-size: cover;
		height: 338px;
	}
	.img6 {
		background: url(../images/panel/missing-louvers-smI.jpg) no-repeat #333;
		background-position: center !important;
		background-size: cover;
		height: 338px;
	}
	.img7 {
		background: url(../images/panel/exhaust-hardware-sm.jpg) no-repeat #333;
		background-position: center !important;
		background-size: cover;
		height: 338px;
	}
	.img8 {
		background: url(../images/panel/residential-sm.jpg) no-repeat #333;
		background-position: center !important;
		background-size: contain;
		height: 338px;
	}
}
/* --- Extra Small Devices, Phones - height:211px --- */ 
@media only screen and (max-width : 480px) {
	.img1 {
		background: url(../images/panel/bizcard-bg-xs.jpg) no-repeat #333;
		background-position: center !important;
		background-size: cover;
		margin-top: 70px;
		height: 200px;
	}
	.img2 {
		background: url(../images/panel/shroud-xs.jpg) no-repeat #333;
		background-position: center !important;
		background-size: cover;
		height: 200px;
	}
	.img3 {
		background: url(../images/panel/dsc-kitchen-xs.jpg) no-repeat #333;
		background-position: center !important;
		background-size: cover;
		height: 200px;
	}
	.img4 {
		background: url(../images/panel/hood-wash-xs.jpg) no-repeat #333;
		background-position: center !important;
		background-size: cover;
		height: 200px;
	}
	.img5 {
		background: url(../images/panel/spinner-xs.jpg) no-repeat #333;
		background-position: center !important;
		background-size: cover;
		height: 200px;
	}
	.img6 {
		background: url(../images/panel/missing-louvers-xsI.jpg) no-repeat #333;
		background-position: center !important;
		background-size: 180%;
		height: 200px;
	}
	.img7 {
		background: url(../images/panel/exhaust-hardware-xs.jpg) no-repeat #333;
		background-position: center !important;
		background-size: cover;
		height: 200px;
	}
	.img8 {
		background: url(../images/panel/residential-xs.jpg) no-repeat #333;
		background-position: center !important;
		background-size: contain;
		height: 150px;
	}
}
/* --- Custom, iPhone Retina - height:141px --- */ 
@media only screen and (max-width : 320px) {
	.img1 {
		background: url(../images/panel/bizcard-bg-iph.jpg) no-repeat #333;
		background-position: center !important;
		background-size: cover;
		margin-top: 90px;
		height: 141px;
	}
	.img2 {
		background: url(../images/panel/shroud-iph.jpg) no-repeat #333;
		background-position: center !important;
		background-size: cover;
		height: 141px;
	}
	.img3 {
		background: url(../images/panel/dsc-kitchen-iph.jpg) no-repeat #333;
		background-position: center !important;
		background-size: cover;
		height: 141px;
	}
	.img4 {
		background: url(../images/panel/hood-wash-iph.jpg) no-repeat #333;
		background-position: center !important;
		background-size: cover;
		height: 141px;
	}
	.img5 {
		background: url(../images/panel/spinner-iph.jpg) no-repeat #333;
		background-position: center !important;
		background-size: cover;
		height: 141px;
	}
	.img6 {
		background: url(../images/panel/missing-louvers-iph.jpg) no-repeat #333;
		background-position: center !important;
		background-size: cover;
		height: 141px;
	}
	.img7 {
		background: url(../images/panel/exhaust-hardware-iph.jpg) no-repeat #333;
		background-position: center !important;
		background-size: cover;
		height: 141px;
	}
	.img8 {
		background: url(../images/panel/residential-iph.jpg) no-repeat #333;
		background-position: center !important;
		background-size: cover;
		height: 141px;
	}
}