@charset "UTF-8";
/*====================================
Developer: Brian James Denges
Contact: BDenges@me.com
Copyright 2014 ASMW, INC.
written for www.asmw1.com

======================================
==SWATCH COLORS

#666666- Dark gray
#E5E5E5 - Light gray
#303538 - Dark blue
#2693FF - Light blue
#66FF00 - Neon green

====================================*/

/* ============================ RESET ============================ */
 
/* ===== Eric Meyer Reset ===== */
 
/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
 
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }

body {	line-height: 1 }

ol, ul { list-style: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none }

 
/* ===== CUSTOM RESET ===== */
 
object{outline:none; display:block; overflow:hidden} /* force redraw on IE8, fix outline/scroll bug on Firefox 3.6, remove unnecessary margin (copied from swffit) */
textarea{overflow:auto} /* fix IE */
iframe{border:0}
 
/* fix line-height [https://gist.github.com/413930] */
sup, sub{line-height:0; font-size:.75em; position:relative; vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
 
 /* ========================= GENERAL TAGS ======================== */
 
html {font-family: "interFace", sans-serif; overflow-y: scroll; overflow-x: hidden; width: 100%; height: 100%}
body {background-color: #303538; color: #FFF; font-size: 1em; line-height: 1.5em; width: 100%; height: 100%}
 
h1, h2, h3, h4, h5, h6 {margin:0 0 .833em; font-weight:normal; font-style: normal; letter-spacing: 0.15em; line-height: 1.5em; display: inline; white-space:normal }
h1, .h1 {font-family: "dapifer", serif;  font-size:2.5em}
h2, .h2 {font-family: "dapifer", serif;  font-size:2em; line-height: 1.25em}
h3, .h3 {font-family: "dapifer"; font-size:1.5em; letter-spacing: 0.15em;  line-height: 1.5em }
h4, .h4 {line-height:1.8em; font-size:1.5em}
h5, .h5 {font-family: "dapifer"; font-size:1.25em; letter-spacing: 0.15em;  line-height: 1.5em }
p {margin:1em 0; font-size:1em; line-height: 1.75em; letter-spacing: 0.1em}
small {font-size: .833em}
em, i {font-style: italic}
strong, b {font-weight: bold}
code, pre {font-family: monospace}
hr {background-color: #fff; border: 1px solid #fff; border-top: 1px solid #aaa; clear: both; margin: 2em 0}
blockquote {padding: 0.2em 1em 0.2em 2em; border-left: 3px solid #eee}

a {text-decoration:none; cursor: pointer; letter-spacing: .1em; outline: none; color:#2693FF; color: rgb(38,147,255) }

a:link {
	/* For Firefox 4.0- 16.0 */
	-o-transition-property: color;
	-o-transition-duration:.40s;
	-o-transition-timing-function:linear;
	-o-transition-delay:0s;
	/* For Safari 3.1 to 6.1 */
	-webkit-transition-property: color;
	-webkit-transition-duration:.40s;
	-webkit-transition-timing-function:linear;
	-webkit-transition-delay:0s;
	/* For opera  10.5 to 12.1*/
	-moz-transition-property: color;
	-moz-transition-duration:.40s;
	-moz-transition-timing-function:linear;
	-moz-transition-delay:0s;
	/* Standard syntax */
	transition-property:color;
	transition-duration:.40s;
	transition-timing-function:linear;
	transition-delay:0s;
}

a:visited { color:#2693FF; color: rgb(38,147,255) }
a:hover { color:#66FF00; color:rgb(102,255,0) }
a:active { color:#2693FF; color: rgb(38,147,255) }

label { padding: 1em 0; margin: 0; background-color: transparent; color: #fff; cursor:default }  
li { display: inline; padding: 0 .5em; line-height: 1em; font-size: 1em  }
table {  width: 100%  }
td {	padding-left: 3em; line-height: 2em}

/* ======================= GENERIC CLASSES ======================= */
 
 .active-page_state:hover { color:#2693FF; color: rgb(38,147,255) }
 
 .arrow-up { width: 0; height: 0; border-left: 15px solid transparent; position:relative; top: 5px; border-right: 15px solid transparent; border-bottom: 15px solid #F00;
 	z-index:100 }	
 .arrow-down { width: 0;  height: 0;  border-left: 15px solid transparent; position:relative; top: 5px;	border-right: 15px solid transparent; border-top: 15px solid #F00;
	z-index:100 }
 
.border { border:solid  #303538 2px }
.border-bottom { border-bottom:solid  #F0F0F0 1px }
.border-bottom-inset { border-bottom-width: 0.15em; border-bottom-style: inset; border-bottom-color: #999999; border-bottom-color: rgba(51,51,51,1) }
.border-left { border-left:solid  #F0F0F0 1px }
.border-right-inset { border-right-width: 0.15em; border-right-style: inset }
.border-left-inset { border-left-width: 0.15em; border-left-style: inset }
 
.clearfix:before, .clearfix:after, .clearfix > .lastcol:after, .ffluid:after, br.cb{display:block; height:0 !important; line-height:0; overflow:hidden; visibility:hidden}
.clearfix:before, .clearfix:after{content:"."}
.clearfix:after{clear:both}
.clearfix, .ffluid{*zoom:1}
.cr { clear:right }
.cl { clear:left }
.cb { clear:both }

.contact-list-style { padding:0; display: block; margin: 0; line-height: 0; text-transform:none }

.display-inline { display:inline }

.fcolholder:after, .fcolholder .lastcol:after, .ffluid:after{font-size:xx-large; content:" x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x "}
.fcolholder .lastcol{display:table-cell; float:none; width:auto !important; *display:block; *zoom:1; _position:relative; _left:-3px; _margin-right:-3px}
  
.fl { float:left; -margin-right:-3px }
.fr { float:right; -margin-left:-3px }
 
.icon-imagewrapper {	width: 50%; margin: 20% auto; display: block }

img { width: 100%; height: auto; vertical-align: baseline }

.logo-imagewrapper {	width: 15%; display: block }

.dark-blue-type {	color: rgb(48, 53, 56);  color: rgba(48, 53, 56, 1); color: #303538 }
.light-gray-type { color: #E5E5E5 }
.dark-gray-type { color: #666666 }
.dark-red-type { color:#CD0001 }
.light-blue-type { color: #2693FF; color: rgba(38, 147, 255, 1); color: rgb(38,147,255) }
.med-blue-type {	color: #445981; color: rgba(68, 89, 129, 1); color: rgb(68,89,129) }
.neon-green-type { color: #66FF00; color: rgba (102, 255, 0, 1); color: rgb(102,255,0) }
.orange-type { color:#FF5E0C }
.white-type {	color: #FFFFFF; color: rgba(255, 255, 255, 1)  }

.label-ac-li-style { padding:0  }
.letter-spacing-1 { letter-spacing: .4em }
.letter-spacing-2 { letter-spacing: .25em }

.line-height-zero {  line-height: 0 }
.line-height-1 {  line-height: .75em }

.margin-zero { margin:0 }
.margin-left { margin-left: 1% }
.margin-left-2 { margin-left: 2% }
.margin-left-3 { margin-left: 3% }
.margin-left-4 { margin-left: 4% }
.margin-left-5 { margin-left: 5% }
.margin-left-6 { margin-left: 6% }
.margin-left-7 { margin-left: 7% }
.margin-left-8 { margin-left: 8% }
.margin-left-10 { margin-left: 10% }
.margin-right-2 {margin-right: 2% }
.margin-right-5 {margin-right: 5% }
.margin-right-7 {margin-right: 8% }
.margin-right-10 {margin-right: 10% }
.margin-top { margin-top: 1.5% }
.margin-top-2 { margin-top: 2% }
.margin-top-3 { margin-top: 3% }
.margin-top-4 { margin-top: 4% }
.margin-top-5 { margin-top: 5% }
.margin-top-10 { margin-top: 10% }
.margin-bottom { margin-bottom: 1.50% }
.margin-bottom-2 { margin-bottom: 2% }
.margin-bottom-3 { margin-bottom: 3.5% }
.margin-bottom-4 { margin-bottom: 4% }
.margin-bottom-5 { margin-bottom: 5% }
.margin-bottom-10 { margin-bottom: 10% }

.opacity-0 { opacity:0 }

.padding-bottom { padding-bottom: 1em }
.padding-right { padding-right: 1em }
.padding-left { padding-left: 1em }
.padding-left-2 { padding-left: 2em }
.padding-left-5 { padding-left: 5em }
.padding-none { padding: 0 }

.position-relative { position:relative }

.row-spacer {	width: 100%; height: 2px; clear:both }

.sub-heading { line-height:2.25em }

.text-center { text-align: center }
.text-italic { font-style: italic }
.text-left { text-align: left  }
.text-right { text-align: right }
.text-justify { text-align: justify  }
.text-shadow-black { text-shadow: 2px 2px 0px #000 }
.text-upper{ text-transform:uppercase}
.text-underline { text-decoration: underline }

.transparent-background { background-color: transparent }

ul { list-style-type: none; text-transform: uppercase; font-family: inherit; float: right; height: auto; 	margin: 1em .5em 0 0; word-break:normal; display: block }
 
 /*====================================
==Page Structure
====================================*/
.address-NavMenu-panel { float:left; padding:0 0 0 1em; margin:0; color: #fff; width: auto }	

.article-row-wrap { position:absolute; top:18em }
.article-1-profile { margin-top:.5em; margin-bottom:.5em; margin-left: -50%; position: absolute; top: 2em; left: 50%; z-index:200 }
.article-2-profile { margin-top:.5em; margin-bottom:.5em; margin-left: 2%; position: absolute; top: 0; left: 0; z-index:200 }
.article-3-profile { margin-top:.5em; margin-bottom:.5em; margin-right: 2%; position: absolute; top: 0; right: 0; z-index:200 }
.article-4-profile { margin-top:.5em; margin-bottom:.5em; margin-left:-50%; position: absolute; top: 40em; top: 83%; left: 50%; z-index:200 }
.article-5-profile { margin-top:2em; margin-bottom:.5em;  margin-left: 2%; width: 40%;  position: absolute; top: 2em; left: 0; z-index:200 }
.article-6-profile { margin-top:.5em; margin-bottom:.5em; margin-left: 0; position: absolute; top: 4em;  z-index:200 }
.article-7-profile { margin-top:0; margin-bottom:.5em; margin-left: 2%; position: absolute; top: 2.5em; left: 0; z-index:200 }
.article-8-profile { margin-top:0; margin-bottom:.5em; margin-right: 2%; position: absolute; top: 2.5em; right:0; z-index:200 }
 
.col { width: 100%  }
.col-1 { width: 35% }
.col-1a { width: 50% }
.col-1b { width: 25% }
.col-1c { width: 30% }
.col-1d { width: 60% }
.col-1e { width: 90% }
.col-2 { width: 35% }
.col-2a { width: 50% }
.col-2b { width: 17% }
.col-2c { width: 20% }
.col-2d { width: 10% }
.col-2e { width: 12% }
.col-3 { width: 28% }
.col-3a { width: 55% }
.col-3b { width: 40% }
.col-3c { width: 45% }

.contact-wrapper { background-image:url(../images/IMG_section_1_contact.jpg); background-repeat:no-repeat; background-size:cover }

.footer { background-color: #303538; background-color: rgba (48, 53, 56, 1); color: #fff; height:auto; text-align: center }
.footer-list-style { display:block; margin:0; padding:0; float:left; text-align:left; text-transform:none; width: 100%; font-size:1.15em; line-height: 1.75em; letter-spacing: 0.1em }

#Google-maps-container { max-width: 100%; width: 100%; height: 500px; overflow: hidden; margin-bottom: 0; display:block }

.Header-panel { overflow: hidden; background-color: #e5e5e5; background-color: rgb(229, 229, 299); margin: 0 auto; max-height: 500px; height:auto; max-width: 1920px; min-width: 460px }

.industry-article { position:relative; z-index: 200; margin-top: 11%; right: 1% }
.industry-image-wrapper { width: 100%; overflow: hidden; position: absolute; z-index: 100; left: 0; top: 2em }
.industry-list { width: auto }

.Main-container { height:auto; overflow: visible; margin-top: 7%; max-width: 100%; width: 100% }

.material-bckgrd-image { top: 15%; left: 0; position: fixed; z-index: 100; visibility:visible  }
.material-page-wrap { background-image:url(../images/IMG_section_2_material.jpg); background-repeat: no-repeat; background-color: #303530; position: relative;
	z-index: 200; margin-top:54%; background-size:contain }
	
.NavMenu-panel { background-color: rgba(48, 53, 56,1); background-color: #303538; position: fixed; z-index: 9999; top: 0; padding: 1.5em 0;
	border-bottom: solid  #000 0.25em; left: 0; height: auto; width: 100%; overflow: hidden }	

.nav-page-sections { position: fixed; top: 50%; right: 2%; z-index:9998; width: .99em; padding: .25em;  background-color: #303538; 
	background-color: rgba(48, 53, 56, .25); visibility:visible }
	
.section-row-wrapper{ margin: 0 auto; background-color: transparent; height: auto; padding: 1em; overflow: hidden; max-width: 100%; width: 100% }
#section-1-home { background-image:url(../images/IMG_section_1_home.png); background-repeat: no-repeat;	background-position: center center; 
	background-size: cover }

.services-accordion-wrapper { background-color: rgba(48,53,56, .75); padding: 5em; margin-top: 0em }	
.services-list-wrapper { padding: 0; background-image: url(../images/IMG_section_row_services_1.jpg); background-repeat: no-repeat; 
	background-position: center center; background-size: cover; margin-top:0 }
.services-machinery-list {	display: block; line-height: 3em; padding: 0 }
.services-machinery-image-wrap { border: solid #242424 1em; left:0 }
.services-page-wrapper{ overflow: hidden; margin: 0;	position: relative; z-index: 0;	padding: 0; background-attachment: fixed; 
	background-image: url(../images/IMG_4111.jpg); background-repeat: no-repeat; background-position: center 8em; background-size: contain }	
.services-table-data { color:#66FF00; color: rgb(102, 255, 0); word-break:normal; height: 100%;	text-align: left;	padding: 1em;	margin-right: 10%;
	background-color: #242424; background-color: rgb(36, 36, 36);	line-height: 2em; margin-bottom: 2.25em }

#turning-lathes-ac-wrapper { clear: right;	position: relative;	margin-top: 0 }
   
#item-1{ background-image:url(images/icons/icon_profile%20copy.png) }
  
#circle {	width: 100px; height: 100px; -moz-border-radius: 200px; 	-webkit-border-radius: 200px; border-radius: 200px; background-color:#000; 
	background-color: rgba(0,102,255,0.8) }

.center-div-on-page { margin:0 auto }
  
 .clear { clear:both; line-height:0 }

.short {
	border-width: medium medium 5px;
	border-style: none none solid;
	border-color: #303538;
	-moz-border-top-colors: none;
	-moz-border-right-colors: none;
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	border-image: none;
	width: 15%;
	margin: 0.4em auto 1.7em;
}

.container-decoration-solid-line{
	border-width: medium medium 5px;
	border-style: none none solid;
	width: 45%;
	/* [disabled]margin: 0em 3em; */
	background-color: #2693FF;
}

.gallery-images{ box-shadow: -2px -2px 0 0 #000; margin: 2em }

#slider-home { position: absolute; left: 0; top: 0; right: 0; bottom: 0; height: auto; width: auto }

::selection { background: #a4dcec; }
::-moz-selection { background: #a4dcec; }
::-webkit-selection { background: #a4dcec; }

::-webkit-input-placeholder { /* WebKit browsers */
  color: #ccc;
  font-style: italic;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color: #ccc;
  font-style: italic;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #ccc;
  font-style: italic;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #ccc;
  font-style: italic;  
}

br { display: block; line-height: 2.2em; } 

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }

blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; } 

.center { display: block; text-align: center; }

#w {
  display: block;
  width: 750px;
  margin: 0 auto;
  padding-top: 30px;
}

#thumbnails { background-color: #FFFFFF; background-color: rgba(255,255,255,1); margin:0 auto }
#thumbnails ul li { float: left; padding: 0 }

#gallery-ul { width: 90%; padding: 0; margin: 0 auto; float:none }

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix {
	display: block;
}
 
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

.col.material-wrapper { background-color: #000; position: relative; z-index: 200; top: 0em; left: 0 }
.col.text-center.material-list-col { height: auto; width: 28% }
.icon-pgdwn-wrap {  width: 75px; max-width: 75px; position: absolute;  z-index: 200; left: 50%; display: block; margin-left: -0.3em; bottom: .5em  }

.ac-container{
	width: 40%;
	/* [disabled]margin: 1em auto 1em auto; */
	text-align: left;
	float: left;
	height: 45%;
	overflow: scroll;
}

.ac-container label:hover{
	background: #e5e5e5;
}
.ac-container input:checked + label,
.ac-container input:checked + label:hover{
	background: #2693FF;
	color: #000;
	text-shadow: 0 1px 1px rgba(255,255,255, 0.6);
	box-shadow: 
		0 0 0 1px rgba(155,155,155,0.3), 
		0 2px 2px rgba(0,0,0,0.1);
}
.ac-container label:hover:after,
.ac-container input:checked + label:hover:after{
	content: '"';
	position: absolute;
	width: 24px;
	height: 24px;
	right: 13px;
	top: 7px;
	background: transparent url(../images/arrow_down.png) no-repeat center center;	
}

.ac-container input:checked + label:hover:after{
	background-image: url(../images/arrow_up.png);
}
.ac-container input{
	display: none;
}
.ac-container article{
	background: #272E38;
	margin-top: -1px;
	overflow: hidden;
	height: 0;
	position: relative;
	z-index: 10;
	-webkit-transition: all 0.6s ease-in-out, box-shadow 0.6s linear;
	-moz-transition: all 0.6s ease-in-out, box-shadow 0.6s linear;
	-o-transition: all 0.6s ease-in-out, box-shadow 0.6s linear;
	-ms-transition: all 0.6s ease-in-out, box-shadow 0.6s linear;
	transition: all 0.6s ease-in-out, box-shadow 0.6s linear;
	border:solid red;
}
.ac-container article p{
	font-style: italic;
	color: #777;
	line-height: 23px;
	font-size: 14px;
	padding: 20px;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
}
.ac-container input:checked ~ article{
	-webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	box-shadow: 0 0 0 1px rgba(155,155,155,0.3);
}



 #turning-lathes-list {
	padding: 2em;
	font-size: 1.5em;
	text-transform: uppercase;
	clear: right;
	float: left;
}

.list-of-machinery {	color: #FFF }

#ac-table-3 {
	position: relative;
	z-index: 23;
}

#industry-1, #industry-2, #industry-3, #industry-4, #industry-5, #industry-6, #industry-7, #industry-8 { opacity:0 }

.article-wrapper{ margin-top: 0; margin-left: 4%; margin-right: 4%; float: left; clear: both; text-align: left }

#icon-email { height: 150px; width: 150px; background-image: url(../images/icon_email.png); background-repeat: no-repeat; background-position: center center }

.services-UL { line-height: 2em }
.icons { max-width: 150px; width: 150px; height: auto; margin: 0 auto }

.material-UL { display: block; line-height: 1em }

#cnc-services-list { float: none }

.ul-cnc-services, .ul-other-services { float: none; margin: 0; padding: 0 }

.cnc-services-wrap, .other-services-wrap {
	width: auto;
	height: auto;
	float: right;
}

#cnc-services-wrap {
	margin-right: 6em;
	padding: 1em;
}

#other-services-wrap {
	margin-right: 2em;
	padding: 1em;
}

#facility-list-button {
	background-color: #F00;
	position: relative;
	top: 1.6em;
	left: 30em;
	padding:1.5em 1em;
	border-radius: 15px;
}

#facility-list-slider-button {
	background-color: #F00;
	border-radius: 1000px;
	padding: .25em .5em;
	position: relative;
	left: 20em;
}

#learn-more-services-button {
	background-color: #F00;
	position: relative;
	top: 1.6em;
	left: 25em;
	padding: 1.5em 1em;
	border-radius: 15px;	
}

#learn-more-services-slider-button {
	background-color: #F00;
	position: relative;
	top: 3.5em;
	left: 0;
	padding: 1.5em 1em;
	border-radius: 15px;	
}
.li-cnc-services, .li-other-services {
	display: block;
	white-space: normal;
}


#fixed-background {
	background-attachment: fixed;
	background-image: url(../images/IMG_section_1_material.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

#boring-mills-ac-wrapper { float: left; position: relative; margin-top: 46em }

#industry-section-row-wrapper { 	background-repeat: repeat; white-space: normal; display: block; float: none; height: 50%; width: 100%; overflow: hidden;
	position: relative; z-index: 200; left: 0; top: 8em }

.gallery-thumbnails { max-width: 500px; height: auto; width: 500px; border: solid #e5e5e5 1em; box-shadow: 0 0 0 2px #FFF }

@media (max-width: 1920px) {
  .gallery-thumbnails {	max-width: 300px  }
  .material-page-wrap { margin-top: 54% }
  #Google-maps-container { height: 500px }
  #page-section-icon { width: 18px; height:18px; padding-top:1em }
  .nav-page-sections { width: 1em; padding:.5em }
}

@media (max-width: 1921px) and (min-width:1550px) {
	.gallery-thumbnails { max-width: 300px }  
    .icons { max-width: 112.5px }
  	.Text-container-left-column { padding: 1.5em }
	.material-page-wrap { margin-top: 55% }
	#Google-maps-container { height: 500px }
	#page-section-icon { width: 18px; height:18px; padding-top:1em }
	.nav-page-sections { width: 1em; padding:.5em }  
}

@media (max-width: 1551px) and (min-width:1366px){
	.gallery-thumbnails { max-width: 300px }  
    .icons { max-width: 112.5px }
 	.Text-container-left-column { padding: 1em }
	.material-page-wrap { margin-top: 60% }
	#Google-maps-container { height: 500px } 
	#page-section-icon { width: 18px; height:18px; padding-top:1em } 
	.nav-page-sections { width: 1.5em; padding:.5em }
}

@media (max-width: 1367px) and (min-width:1280px) {
	.gallery-thumbnails { max-width: 250px }  
    .icons { max-width: 112.5px }
 	.Text-container-left-column { padding: 1em }
	.material-page-wrap { margin-top: 65% } 
	#Google-maps-container { height: 400px }
	#page-section-icon { width: 18px; height:18px; padding-top:1em }
	.nav-page-sections { width: 1.5em; padding:.5em }
}

@media (max-width: 1281px) and (min-width:1024px) {
    .gallery-thumbnails { max-width: 200px }  
    .icons { max-width: 100px } 
    .Text-container-left-column { padding: .75em }
	.material-page-wrap { margin-top: 70% }
	#Google-maps-container { height: 400px }
	#page-section-icon { width: 20px; height:20px; padding-top:1em }
	#accordion-wrapper { margin-top:0 }
	.nav-page-sections { width: 2em; padding:1em }
	.services-list-wrapper { margin-top: 2% }
	.industry-image-wrapper { top: 8em }
	.industry-article { margin-top: 16% }
	.material-bckgrd-image { visibility:hidden }  
	.material-page-wrap { margin-top: 7% }
	.NavMenu-panel { font-size:12px }
}

@media (max-width: 1025px) and (min-width: 800px) {
	.gallery-thumbnails { max-width: 200px }  
    .icons { max-width: 85px }  
    .Text-container-left-column { padding: .5em }  
  	.material-page-wrap { margin-top:70% }
	#Google-maps-container { height: 400px }
	#page-section-icon { width: 20px; height:20px; padding-top:1em }
	#accordion-wrapper { margin-top:0 }
	.nav-page-sections { width: 2.25em; padding:1em; visibility:hidden }
	.services-list-wrapper { margin-top: 2% }
	.industry-image-wrapper { top: 8em }
	.industry-article { margin-top: 16% }
	.material-bckgrd-image { visibility:hidden }  
	.material-page-wrap { margin-top: 7% }
	.NavMenu-panel { font-size:12px }
}

@media (max-width: 801px) and (min-width: 400px) {
	.gallery-thumbnails { max-width: 200px }  
    .icons { max-width: 50px }  
    .Text-container-left-column { padding: .5em }
	#Google-maps-container { height: 300px }
	#page-section-icon { width: 20px; height:20px; padding-top:1em }
	#accordion-wrapper { margin-top:0 }
	.nav-page-sections { width: 3em; padding:1em; visibility:hidden }
	.services-list-wrapper { margin-top: 2% }
	.industry-image-wrapper { top: 8em }
	.industry-article { margin-top: 16% }
	.material-bckgrd-image { visibility:hidden }  
	.material-page-wrap { margin-top: 7% }
	.NavMenu-panel { font-size:12px }
	.Main-container { margin-top: 17% }
}

@media (max-width: 401px) and (min-width: 320px) {
	.gallery-thumbnails { max-width: 200px }  
    .icons { max-width: 50px }  
    .Text-container-left-column { padding: .5em }
	#Google-maps-container { height: 300px }
	#page-section-icon { width: 20px; height:20px; padding-top:1em }
	#accordion-wrapper { margin-top:0 }
	.nav-page-sections { width: 3em; padding:1em; visibility:hidden }
	.services-list-wrapper { margin-top: 2% }
	.industry-image-wrapper { top: 8em }
	.industry-article { margin-top: 16% }
	.material-bckgrd-image { visibility:hidden }  
	.material-page-wrap { margin-top: 40% }
	.NavMenu-panel { font-size:12px }
	.Main-container { margin-top: 50% }
}