*{
	margin:0;
	padding:0;
}

html, body {
	background-color: #000;
	font-family: 'Zilla Slab', helvetica, arial, sans-serif;
	font-size: 17.5px;
	color: #555;
	margin: 0px;
	padding: 0px;
	max-width: 100%;
    overflow-x: hidden;
}

body {
	background: rgb(36,0,0);
	background: linear-gradient(0deg, rgba(36,0,0,1) 0%, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 0%, rgba(0,0,0,1) 0%, rgba(102,102,102,1) 85%);
	}

a:link {color: #c57900; text-decoration:none;}
a:visited {color: #c57900;}
a:hover {color: #f29900;}
a:active {color: #f29900;}

		/* Extra small devices (phones, 650px and down) */
		@media only screen and (max-width: 650px) {
			.item {
  				width: 47.8%;
  				position: relative;
  				transition: all .3s ease-in-out;
			}
			.mobile {margin: 10px 0px 0px 0px !important;}
			.mobile-top {
				margin: 50px 0 50px 20px !important;
				font-size: 62px !important;
			}
			.mobile-2 {
				margin-top: -10px !important;
			}
			.mobile-remove {display:none}
		}

		/* Small devices (portrait tablets and large phones, 600px and up) */
		@media only screen and (min-width: 651px) {
			.item {
  				width: 31.7%;
  				position: relative;
  				margin: 4px !important;
  				transition: all .3s ease-in-out;
			}
			.tablet-sides: {margin-left:12px !important; margin-right:12px !important;}
			body {border-left: 60px solid #ba4a00;}
		}

		/* Medium devices (landscape tablets, 768px and up) */
		@media only screen and (min-width: 768px) {
			.item {
  				width: 23.7%;
  				position: relative;
  				margin: 4px !important;
  				transition: all .3s ease-in-out;
			}
		}

		/* Medium-large devices (landscape tablets, 900px and up) */
		@media only screen and (min-width: 900px) {
			.item {
  				width: 23.7%;
  				position: relative;
  				margin: 5px !important;
  				transition: all .3s ease-in-out;
			}
			.one {margin:0 45px 0 45px !important;}
		}

		/* Large devices (laptops/desktops, 1200px and up) */
		@media only screen and (min-width: 1200px) {
			.item {
  				width: 19%;
  				position: relative;
  				margin: 5px !important;
  				transition: all .3s ease-in-out;
			}
			.large {margin:0 35px 0 35px !important;}
		}
		
				@media (max-width: 800px) {
			.hide-800 {
				display: none;
			}
		}
		@media (min-width: 801px) {
			.visible-801 {
				display: none;
			}
		}

		.item:hover {
			transform: scale(1.04);
			z-index:0;
			border-radius: 50%;
		}
		
		.container {
			flex-wrap: wrap;
			justify-content: space-between;
			padding:0 15px 0 15px;
		}
		
		a {text-decoration: none;}

h1 {
	font-family: "alfa slab one", Helvetica, Arial, sans-serif;
	font-weight: 400;
	color: #666;
	margin-top: 0.5em;
	font-size: 2.5em;
	color: #647484;
	line-height: 1.2em;
	}

h2 {
	font-family: "alfa slab one", Helvetica, Arial, sans-serif;
	font-weight: 400;
	color: #888;
	margin-top: 0.5em;
	}

h3 {
	font-family: "zilla slab", Helvetica, Arial, sans-serif;
	font-weight: 800;
	color: #666;
	margin-top: 0.6em;
	font-size: 1.5em;
	}

h4 {
	font-family: "zilla slab", Helvetica, Arial, sans-serif;
	font-weight: 600;
	color: #666;
	margin-top: 0.6em;
	font-size: 1.3em;
	}

h5 {
	font-family: "zilla slab", Helvetica, Arial, sans-serif;
	font-weight: 600;
	color: #666;
	margin-top: 0.6em;
	font-size: 1.2em !important;
	}

.black-logo-box {
	width: 60px;
	height: 60px;
	background-color: #faa61a;
	z-index: 999 !important;
	position: fixed;
	top: 0;
	right: 60;
	margin-left: -60px;
	}

.factory-logo {
	width: 40px;
	height: 40px;
	background-color: #faa61a;
	z-index: 999 !important;
	position: fixed;
	top: 0;
	right: 0;
	left: 10px !important;
	top: 10px !important;
	}

.header-photo {
	height:190px;
	max-width: 100%;
	margin: auto;
	background-color: #000;
	min-height: 190px;
	overflow: hidden;
	margin-left: -60px;
	border-left: 60px #333 solid;
	}
	
.menu {
	font-family: 'Barlow Condensed', sans-serif;
	font-size: 1em;
	background-color: #ba4a00 !important;
	padding: 5px 10 7px 0;
	color: #fff !important;
	float: left;
	width: 90px;
   	letter-spacing: 1px;
   	text-align: center;
   	text-decoration: none;
   	margin: -25px 2px 0 0;
	}

.menu div {
    display: block;
    padding: 9px 0 7px 0;
    background: #ba4a00;
	}

.menu div:hover {
	background: chocolate;
	}

.menu div:active {
	background: darkorange;
	}

.header-head {
	font-family: 'Alfa Slab One', sans-serif;
	font-size: 4em;
	margin: 50px 0 0 20px;
	text-shadow: 0px 0px 20px black; 
	position: absolute; color:#fff;"
	}

.header-headx {
	font-family: 'Alfa Slab One', sans-serif;
	font-size: 4em;
	margin: 50px 0 0 20px;
	text-shadow: 0px 0px 20px #666;
	position: absolute; color:#fff;"
	}

.subhead {
	font-size:1.5em;
	margin:	0.1em 0 1.25em 0;
	line-height: 1.3em;
	font-style: italic;
	color: #647484;
	margin-top: 8px;
	}

.subhead-2 {
	font-size:1.25em;
	margin-top:	0.4em !important;
	line-height: 1.3em;
	font-style: italic;
	color: #666;
	margin-top: 8px;
	}

	.social { opacity: 0.4; }
	.social:hover { opacity: 0.8; }

.white-inside-pages {
	 background-color: #fff;
	 margin: -20px 0 0 0;
	 padding-bottom: 2em;
	 border-top: #000 solid 20px;
	 }

.indent {
	margin: 1em 8% 0 10%;
	font-size: 1.1em;
	line-height: 1.6em;
	}

.indent-2 {
	margin: 1em 8% 0 10%;
	}

.breadcrumbs {
	margin-top: 15px;
	font-family: 'Barlow Condensed', sans-serif;
	color: #999;
	letter-spacing: 1px;
	font-weight: 400;
	font-size: 0.85em;
	}

.bdital {
	font-family: 'Zilla Slab';
	font-weight: bold;
	font-style: italic;
	color: #888;
	}

.butt {
	padding: 8px 20px;
	letter-spacing: 1px;
	font-size: 16px;
	cursor: pointer;
	color: #fff;
	background-color: Coral;
	border: none;
	border-radius: 5px;
	font-family: 'Zilla Slab', sans-serif;
	font-weight: bold;
	margin-top: 0px;
}

.cutline {
	color: #999;
	font-size:0.9em;
	text-align: left;
	margin: 0 0 0 15px;
	font-weight: bold;
	font-style: italic;
	}

.butt a { color: white }
.butt:hover { background-color: Tomato }
.butt:active { background-color: OrangeRed }

.dropcap {
	font-family: "alfa slab one" , sans-serif !important;
	float: left;
	font-size: 95px;
	line-height: 41px;
	padding-top: 4px 8px 0 0px;
	margin: 0px 3px 0px 0px;
	color: #c74f00;
	}

.copyright {
	width: 100%; 
	padding: 15px 15px 15px 75px;
	color: #888;
	background-color: #000;
	font-size: 0.85em;
	font-family: 'Barlow Condensed', sans-serif;
	margin-left: -60px;
	z-index: 999 !important;
	position: relative;
	}