/* Styles for content pages */


/************************************************************
Banners (content pages) */

header#banner {
	background:transparent url('../images/banners/pages/equipment.jpg') no-repeat center center;
	background-size:100% auto;
}
header#banner h1 {
	color:#efefef;
	max-width:80%;
	min-width:250px;
	padding:0.7em 3em 0.8em 0.5em;
	margin:7% auto 4% 5%;
	display:inline-block;
	background:rgba(7,7,7,0.7);
	border-left:0.2em solid #9e1300;
}
header#banner h1 small {
	display:block;
	font:italic normal 80%/1.1 Sophia,Arial,Helvetica,sans-serif;
}

/*-----------------------------------------------------------
Specific images */

#banner.about { background-image:url('../images/banners/pages/about.jpg'); }
#banner.about-history { background-image:url('../images/banners/pages/about-history.jpg'); }
#banner.about-team { background-image:url('../images/banners/pages/about-team.jpg'); }
#banner.contact { background-image:url('../images/banners/pages/contact.jpg'); }
#banner.equipment { background-image:url('../images/banners/pages/equipment.jpg'); }
#banner.parts { background-image:url('../images/banners/pages/parts.jpg'); }
#banner.service { background-image:url('../images/banners/pages/services.jpg'); }
#banner.wire-cloth { background-image:url('../images/banners/pages/wire-cloth.jpg'); }


/************************************************************
Home page */

/*-----------------------------------------------------------
Banners (rotating) */

#banner.home {
	position:relative;
}

/* Navigation */
#banner.home nav a {
	position:absolute;
	height:100%;
	z-index:20;
	width:2em;
	top:0;
	text-indent:-9999px;
	outline:none;
	background:rgba(7,7,7,0.8);
}
#banner.home nav a:after {
	position:absolute;
	text-align:center;
	font-weight:bold;
	text-indent:0;
	color:#efefef;
	line-height:0;
	width:100%;
	top:50%;
	left:0;
}
#banner.home #banner-prev { left:0; }
#banner.home #banner-next { right:0; }

#banner.home #banner-prev:after { content:'\2013'; }
#banner.home #banner-next:after { content:'+'; }



/* Images */
#banner.home figure {
	margin:0;
	padding:2em 4em;
	background:transparent none no-repeat center center;
	background-size:cover;
	position:absolute;
	visibility:hidden;
	width:100%;
	opacity:0;
	left:0;
	top:0;

	-moz-box-sizing:border-box;
	box-sizing:border-box;

	-webkit-transition:all 0.4s ease 0s;
	transition:all 0.4s ease 0s;
}
#banner.home figcaption {
	color:#efefef;
	width:85%;
	max-width:480px;
	padding:1.2em 1.5em;
	margin:12% auto 12% 0;
	background:rgba(7,7,7,0.7);
	border-left:0.5em solid #9e1300;
}
#banner.home figcaption h1 {
	margin:0;
}
#banner.home figcaption p {
	margin:0.5em 0;
}
#banner.home figcaption a {
	color:#efefef;
}


/* Animating */
#banner.home figure.sel {
	position:relative;
	visibility:visible;
	opacity:1;
}


/* Specific images */
#banner.home #banner-01 { background-image:url('../images/banners/home/banner-01.jpg'); }
#banner.home #banner-02 { background-image:url('../images/banners/home/banner-02.jpg'); }
#banner.home #banner-03 { background-image:url('../images/banners/home/home-banner03.jpg'); }
#banner.home #banner-04 { background-image:url('../images/banners/home/home-banner04.jpg'); }
#banner.home #banner-05 { background-image:url('../images/banners/home/banner-05.jpg'); }
#banner.home #banner-06 { background-image:url('../images/banners/home/home-banner07.jpg'); }
#banner.home #banner-07 { background-image:url('../images/banners/home/home-banner06.jpg'); }


/*-----------------------------------------------------------
Tile links */

#home-tiles {
	margin:0.5em auto 3em;
	display:table;
	table-layout:fixed;
	width:100%;
}
#home-tiles figure {
	display:table-cell;
	padding:0.3em;
}
#home-tiles figure h3 {
	text-transform:uppercase;
	margin:0.3em 0;
	text-align: center;
}
#home-tiles figure p {
	margin:0.4em 0;
	font-size:85%;
}
#home-tiles figure img {
	display:block;
}
#home-tiles figure a:hover {
	color:#9e1300;
}

/*-----------------------------------------------------------
Content blurb */

#home-blurb {
	text-align:center;
}
#home-blurb p {
	font:italic normal 115%/1.5 Sophia,Arial,Helvetica,sans-serif;
	margin:0.7em 0;
}


/*-----------------------------------------------------------
Logo slider */

#logo-slider {
	margin:2em auto 0;
	position:relative;
	border-radius:0.3em;
	box-shadow:0 0 0.4em rgba(0,0,0,0.25);
}

/* Navigation */
#logo-slider nav {
	display: none;
}

#logo-slider nav a {
	position:absolute;
	text-indent:-9999px;
	outline:none;
	height:100%;
	width:2em;
	top:0;
	background:#efefef;
}
#logo-slider nav a:before {
	content:' ';
	position:absolute;
	left:50%;
	top:50%;
	margin:-1em 0 0 -0.5em;
	border-top:1em solid transparent;
	border-bottom:1em solid transparent;
}

#logo-slider #slider-prev { left:0; }
#logo-slider #slider-next { right:0; }

#logo-slider #slider-prev:before { border-right:1em solid #fff; }
#logo-slider #slider-next:before { border-left:1em solid #fff; }


/* Layout */
#logo-slider>section {
	/*margin:0 2em;*/
	overflow:hidden;
}
#logo-slider ul {
	list-style:none;
	margin:0;
	padding:0;
	font-size:1%;
/* 	white-space:nowrap; */
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#logo-slider li {
	padding:1em;
	font-size:10000%;
	display:inline-block;
	vertical-align:middle;
	
	margin: 0 15px;
}
/* auto-slider */
.slider {
	max-width:100%;
}

/* Logos */
#logo-slider ul a {
	display: inline-block;
	background: transparent none no-repeat scroll center top;
	width: 173px;
	height: 69px;
}

#logo-slider ul a:not(.metso):hover {
	background-position: center -66px;
}

#logo-slider .metso {
	background-image: url('../images/logos/metso-new.png');
	background-size: contain;
}

#logo-slider .grey-hawk {
	background-image: url('../images/logos/grey-hawk.jpg');
}

#logo-slider .grey-hawk:hover { background-position: center -70px; }

#logo-slider .superior {
	background-image: url('../images/logos/superior.jpg');	
}

#logo-slider .deister {
	background-image: url('../images/logos/deister.jpg');	
}

#logo-slider .mclanahan {
	background-image: url('../images/logos/mclanahan.jpg');	
}

#logo-slider .tema-isenmann {
	background-image: url('../images/logos/tema-isenmann.jpg');
}

#logo-slider .tema-isenmann:hover { background-position: center -74px; }

#logo-slider .argonics {
	background-image: url('../images/logos/argonics.jpg');
	width: 180px;
}

#logo-slider .argonics:hover { background-position: center -70px; }

#logo-slider .straightline {
	background-image: url('/images/logos/straightline.jpg');
}
#logo-slider .straightline:hover{
	background-position: center -69px;
}
#logo-slider ul .mds:hover {
    background-position: center;
}
#logo-slider .mds {
	background-image: url('/images/logos/MDS_Logo_Grey_RGB.png');
	background-size: contain;
}

/************************************************************
Side navigation */

#side-nav {
	margin:1em 0;
}
#side-nav ul {
	list-style:none;
	margin:0;
	padding:0;
	background:#fff;
}
#side-nav a {
	display:block;
}


/*-----------------------------------------------------------
First level */

#side-nav>ul>li {
	border:1px solid #efefef;
	padding:0.4em 0;
}
#side-nav>ul>li+li {
	border-top:none;
}
#side-nav>ul>li>a {
	position:relative;
	font-size:130%;
	padding:0.2em 1.5em;

	-webkit-transition:all 0.4s ease 0s;
	transition:all 0.4s ease 0s;
}
#side-nav>ul>li>a:before {
	content:' ';
	position:absolute;
	visibility:hidden;
	opacity:0;
	border-left:0.3em solid #9e1300;
	border-top:0.3em solid transparent;
	border-bottom:0.3em solid transparent;
	margin:-0.3em 0 0;
	left:0.7em;
	top:50%;

	-webkit-transition:all 0.4s ease 0s;
	transition:all 0.4s ease 0s;
}

/*-----------------------------------------------------------
Second level */

#side-nav ul ul {
	padding:0 0 0 3em;
	overflow:hidden;
	max-height:0;

	-webkit-transition:all 0.4s ease 0s;
	transition:all 0.4s ease 0s;
}
#side-nav ul ul li {
	margin:0.2em 0;
}
#side-nav ul ul a {
	-webkit-transition:all 0.4s ease 0s;
	transition:all 0.4s ease 0s;
}
#side-nav ul ul a:hover {
	color:#222;
}


/*-----------------------------------------------------------
Hovering / animation */

#side-nav>ul>li:hover>a,
#side-nav>ul>li.sel>a {
	background:#f1f1f1;
	color:#444;
}
#side-nav>ul>li:hover>a:before {
	visibility:visible;
	opacity:1;
}

#side-nav>ul>li:hover {
	box-shadow:0 0 0.4em rgba(0,0,0,0.3);
}

/* #side-nav ul li:hover>ul, */
#side-nav ul li.sel>ul {
	max-height:1000px;
}


/************************************************************
Equipment Section */

/*-----------------------------------------------------------
Category Details */

.category-list,
.equipment-list {
	list-style:none;
	margin:0;
	padding:0;
}

.category-list li {
	display:inline-block;
	vertical-align:top;
	width:40%;
	margin:0% 4.5% 4.5% 0;
	text-align: center;
}
.equipment-list li {
	display:inline-block;
	vertical-align:top;
	width:50%;
	margin:0% 1.5% 1.5% 0;
	text-align: center;
}

.category-list li a.equip-photo,
.equipment-list li a.equip-photo {
	background: transparent none no-repeat scroll center center;
	background-size: cover;
	display: block;
	height: 132px;
	width: 100%;
	position: relative;
}

.category-list li a.equip-photo img,
.equipment-list li a.equip-photo img {
	max-width: 184px !important;
}

.equipment-list li figure {
	margin:0;
}

.equipItem{
	padding:2px; 
	min-height: 220px;
	
}
.onLease{
	margin-left: 5%;
}

.equipment-list .on-lease {
	position: absolute;
	bottom: .5em;
	margin-left: -75px;
	left: 50%;
}

.equipment + #content .after-photo {
	display: none;
}

/************************************************************
Search results page */

/* Results list */
#search-results ol {
	list-style:none;
	margin:1.5em 0;
	padding:0;
}
#search-results li {
	border-top:1px solid #e4e4e4;
}
#search-results li>a {
	display:block;
	padding:0.5em 0.3em;

	-webkit-transition:all 0.4s ease 0s;
	transition:all 0.4s ease 0s;
}
#search-results p {
	color:#000;
}
#search-results li:hover>a {
	padding:0.5em 0 0.5em 0.6em;
	box-shadow:inset 0 0 0.5em rgba(0,0,0,0.2);
}


/* Pagination */
.pgtn {
	text-align:center;
	color:#5D5D5D;
}
.pgtn ul {
	list-style:none;
	margin:1em 0;
	padding:0;
}
.pgtn li {
	display:inline;
	font-size:120%;
	line-height:1;
	padding:0 0.1em;
}
.pgtn strong,
.pgtn a {
	display:inline-block;
	padding:0.2em;
}

/************************************************************
Testimonials */

blockquote {
	position:relative;
	background:#f7f7f7;
	padding:1em 2.2em 0.5em;
	margin:2em 0 0;
	border:0.4em solid #fff;
	box-shadow:0 0 0 1px #efefef;
	border-radius:1px;
}
blockquote p {
	margin:0.7em 0;
}

/* Quote marks */
blockquote:before,
blockquote:after {
	position:absolute;
	font:300%/0.3 Serpentine,'Arial Black',Arial,Helvetica,sans-serif;
}
blockquote:before {
	content:'\201C';
	left:0.2em;
	top:0.4em;
}
blockquote:after {
	content:'\201D';
	right:0.2em;
	bottom:0.1em;
}

/* Person */
blockquote+p cite {
	display:block;
	text-align:right;
	margin:0 10%;
}
blockquote+p cite:before {
	content:'\2014  ';
}

/*************************************************************
Our Team */

.staff-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	list-style: none;
	margin: 0;
	padding: 0;

}

.staff-list > li {
	display: inline-block;
	vertical-align: top;
	width: 45%;
	padding: 2em 0;
	text-align: left;
}
.staffPhoto{
	background-attachment: scroll;
	background-color: transparent;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	display:inline;
	float:left;
	min-height:200px;/*hold space for photos*/
	width: 140px;
	margin-right: 10px;
}

.staff-list > li:nth-child(3n+1) {
	padding-left: 0;
}

.staff-list img {
	max-height: 200px;
	padding-right:3px;
}

.staff-list .location-list {
	list-style: disc;
	padding-left: 1.5em;
	margin: 0 auto;
	width: 42%;
	text-align: left;
}

.staffDetails p {
	margin-bottom: 0px;
	margin-top: 5px;
}
/* Owner List */
.owners .staff-list img {
	max-height: 200px;
}

.owners2, .staff2 {
	display:inline-block;
}
.ourTeam{
	display:inline;
	float:left; 
	padding: 2em;
	min-height: 270px;

}
.owners2 .ourTeam img{
	max-height: 300px;
}
.staff2 .ourTeam img{
	max-height: 200px;
}
.years2{
	color:#9E1300;
}
/**************************************************************
News */
#news h2{
	text-align:center;
}

#news h4 {
	color: #00168B;
}
.newsDate{
	font-style: italic;
}
#news h4, #news .content, #news .link{
	margin: 0;
}

#news div {
	text-align: left;
}
.newsItem{
	display:inline-block;
	padding: 0 3em 0 0/* 3em */;
	width: 30%;
	vertical-align: top;
	
/*
	margin-left:auto;
	margin-right:auto;
*/
	text-align: center;
}
#news {
	margin-left:auto;
	margin-right:auto;
}

#news.details h2 {
	text-align: left;
	padding-bottom: 10px;
	border-bottom: 2px double #9E1300;
}

#news.details p {
	float: left;
	clear: left;
	max-width: 100%;
	text-align: left;
}

#news.details .news-photo {
	position: relative;
	margin-top: 20px;
	max-width: 80%;
}

/*
#news .content {
	position: relative;
	width: 100%;
	display: block;
	margin:0;
	padding: 0;
}
*/

#news.news-home {
	text-align: center;
}

#news .full {

	width: 100%;
	text-align: center;
	
	margin: 0;
	padding: 0;
}

#news .half {

	width: 49%;
	text-align: center;
	padding: 0;
	margin: 0;
}

#news .third {

	width: 33%;
	text-align: center;
	padding: 0;
	margin: 0;
}

.newsLink{
	color: #00168B;
	font-weight: bold;
}

.news-list {
	list-style: none;
}

.news-list .headline {
	margin: 10px 0;
	font-size: 1.05em;
}

.news-list li {
	margin: 20px 0;
	padding: 5px 0;
	border-top: 2px double #9E1300;
}

.news-list li:first-child {
	border: none;
}

.news-list .news-photo {
	max-width: 35%;
	float: right;
	clear: right;
	/*margin: 2% 0 0 2%;*/
}

.news-photo {
	/*float: right;
	clear: right;*/
	max-width: 50%;
	margin: 2% 0 2% 0;
	background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #EFEFEF;
    box-sizing: border-box;
    display: block;
    padding: 0.5em;
}

#newsText{
	float:left;
	display:inline-block;
	max-width:100%;
}

/**************************************************************
Parts page */

.partsCategory img{
	width: 200px;
}
.partsText{
	display:inline-block;
	vertical-align: top;
}

.partsVendors{
	margin-left: -20px;
}

.partsVendors img{
	display: block;
	margin: 0 auto;
}

.partsVendors li{
	width: 200px;
	display: inline-block;
	padding: 2px 10px 20px 0px;
	vertical-align: middle;
}
/*#logoImage {
	float: right;
	margin-bottom: 10px;
	margin-top: -30px; 	
 }*/

/**************************************************************
Equipment Page Logos */

.logo-list {
	margin: 1.5em 0;
	padding: 0;
}

.logo-list li {
	display: inline-block;
	vertical-align: middle;
	list-style: none;
	margin: 0 3em 2.5em 0;
}

/************************************************************
Odds and Ends */

/*-----------------------------------------------------------
Files List */

.related-files {
	text-align: left;
}


.file-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.file-list a:before {
	background: url("../images/icons/doc-file.png") no-repeat scroll center center transparent;
    content:" ";
    display: inline-block;
    height: 16px;
    margin-right: .5em; /* spacing between icon and text */
    width: 16px;
}

.file-list a[href$=".gif"]:before,
.file-list a[href$=".jpg"]:before,
.file-list a[href$=".jpeg"]:before,
.file-list a[href$=".png"]:before {
    background-image: url("../images/icons/doc-image.png");
    padding:0;
}
.file-list a[href$=".pdf"]:before,
.file-list a.pdf:before {
    background-image: url("../images/icons/doc-pdf.png");
    padding:0;
}
.file-list a[href$=".doc"]:before,
.file-list a[href$=".docx"]:before {
    background-image: url("../images/icons/doc-word.png");
    padding:0;
}
.file-list a[href$=".xls"]:before,
.file-list a[href$=".xlsx"]:before {
    background-image: url("../images/icons/doc-excel.png");
    padding:0;
}

/*-----------------------------------------------------------
Sidebar photos */

.col.side figure {
	margin:0;
	padding:1.5em 0 0.5em;
}
.col.side figure a {
	display:block;
}
.col.side figure img {
	display:block;
	padding:0.5em;
	background:#fff;
	border:1px solid #efefef;

	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

/* Multiple images (thumbnails) */
.col.side figure a+a {
	display:inline-block;
	vertical-align:top;
	margin:2% 2% 0 0;
	width:30%;
}


/************************************************************
Sales Maps */

/* Containers */
#na-map-container {
	position:relative;
	margin:1.5em auto;
	text-align: center;
}

/* Images (IE adds borders) */
#na-map-container img {
	border:none;
}


/* Hover */
#map-hover {
	position:absolute;
	padding:0.7em;
	box-shadow:0 0 2px rgba(0,0,0,0.5);
	border-radius:0.3em;
	color:#666;
	min-width:15em;

	background:#fff;
	background-image:-moz-linear-gradient(bottom, #f0f0f0, #f7f7f7 0.3em, #fff 1em);
	background-image:-webkit-linear-gradient(bottom, #f0f0f0, #f7f7f7 0.3em, #fff 1em);
	background-image:-ms-linear-gradient(bottom, #f0f0f0, #f7f7f7 0.3em, #fff 1em);
	background-image:-o-linear-gradient(bottom, #f0f0f0, #f7f7f7 0.3em, #fff 1em);
	background-image:linear-gradient(bottom, #f0f0f0, #f7f7f7 0.3em, #fff 1em);
}
#map-hover h3 {
	font:bold 12pt/1.1 Arial,Helvetica,sans-serif;
	margin:0;
}
#map-hover p {
	font-size:9pt;
	margin:0.3em 0;
}
#map-hover hr {
	background:#cddef0;
	border:none;
	height:1px;
	width:100%;
	margin:0.5em 0;
}
#map-hover:before {
	content:' ';
	position:absolute;
	left:50%;
	top:-1.2em;
	height:0;
	width:0;
	margin-left:-0.8em;
	border-bottom:1.1em solid rgba(0,0,0,0.05);
	border-left:0.8em solid transparent;
	border-right:0.8em solid transparent;
}
#map-hover:after {
	content:' ';
	position:absolute;
	left:50%;
	top:-1em;
	height:0;
	width:0;
	margin-left:-1em;
	border-bottom:1.3em solid #fff;
	border-left:1em solid transparent;
	border-right:1em solid transparent;
}

/********Home Callouts**********/
#content callouts {
	display:inline-block;
	
}

.metso {
	padding-left:20px;
}

.sby {
	padding-left:0px;
}

/********Google captcha on Contact page**********/
.g-recaptcha {
	max-width: 398px;
	padding: 0 0 0 10em;
}


/************************************************************
/************************************************************
Responsive */

/* Very large screens */
@media screen and (min-width:1170px) {

	/*-------------------------------------------------------
	Rotating banners */
	#banner.home figcaption {
		position:relative;
		margin:16.1em 0 4.1em 50%;
		left:-530px;
	}

	/*-------------------------------------------------------
	Banner heading */

	header#banner h1 {
		position:relative;
		margin:2.6em 0 1.5em 50%;
		left:-525px;
	}



}


@media screen and (max-width:1056px) {
	
	/*--------------------------------------------------------
	News */
	.news-photo {
		max-width: 36%;
	}

	#newsText {
		max-width: 380px;
	}

	/*--------------------------------------------------------
	Header/Banner */
	
	header#banner {
		background-size: cover;
	}

	/*-------------------------------------------------------
	Home - Logo Slider */	

	#logo-slider > nav {
		display: block;
	}

	#logo-slider>section {
		margin:0 2em;
	}
}

/* Shrinking screens */
@media screen and (max-width:970px) {

	/*-------------------------------------------------------
	Font sizing */

	body {
		font-size:10pt;
	}


	/*-------------------------------------------------------
	Top navigation */

	#top li {
		margin:0 0.5%;
	}


	/*-------------------------------------------------------
	Main navigation */

	#main-nav>ul>li {
		margin:0 1.5%;
	}

	/*--------------------------------------------------------
	News */
	.news-photo {
		float: none;
		max-width: 75%;
	}

	#newsText {
		float: none;
	}

}
@media screen and (max-width:900px) {

	/*-------------------------------------------------------
	Top navigation */

	#top {
		max-width:500px;
		margin:0 0 0 auto;
	}

	/* Slogan and logo (shift spacing) */
	#logo a {
		margin:0.5em 0 0;
	}
	body>header {
		padding-bottom:1em;
	}
	body>header>p {
		margin:0.5em auto 0;
	}

	/*-------------------------------------------------------
	Main navigation */

	#main-nav>ul>li>a {
		font-size:115%;
	}


	/*-------------------------------------------------------
	Footer */

	

}

/* Tablet */
@media screen and (max-width:760px) {

	/*-------------------------------------------------------
	Header */

	/* Move logo up to make room for the slogan */
	#logo a {
		margin:0;
	}

	/*body>header>p {
		font-size:120%;
	}*/

	/*-------------------------------------------------------
	Main navigation */

	/* Force into two lines now */
	#main-nav>ul {
		max-width:600px;
		padding:0.4em 0;
	}
	#main-nav>ul>li {
		margin:0 2.5%;
	}
	#main-nav>ul>li>a {
		padding:0;
	}

	/* Second level */
	#main-nav nav {
		top:auto;
	}
	#main-nav nav a {
		font-size:100%;
	}
	
	/*-------------------------------------------------------------
	Homepage ---- */
	
	a img {
		width: 100%;
	}
	
	/* category tiles under banner */
	
	#home-tiles {
		text-align: center;
	}
	
	#home-tiles figure {
		display: inline-block;
		margin: 10px;
		padding: 0;
		width: 40%;
	}

	
	/*------------------------------------------------------------
	footer */
	
	#foot-nav {
	 	text-align: center;
	 }
	 
	 #foot-nav ul {
	 	float: none;
	 	margin: 0 auto;
	 	max-height: 130px;
	 	text-align: center;
	 }
	 
	 #foot-nav h2 {
	 	float: none;
	 }
	
	/********Google captcha on Contact page**********/
	.g-recaptcha {
		max-width: 398px;
		padding: 0 0 0 6em;
	}
	
	.staff-list > li {
		width: 100%;
	}


}
@media screen and (max-width:625px) {

	/*-------------------------------------------------------
	Font sizing */

	body {
		font-size:9pt;
	}
	
	/* ----------------------------------------------------
	General layout */
	
	#content .main.col {
		display:block;
		float: none;
		width: 95%;
	}
	
	#content .side.col {
		margin-top: 50px;
		width: auto;
		display: block;
		margin: 0 auto;
	}
	
	#content {
		padding-left: 20px;
		padding-right: 20px;
	}

	/*--------------------------------------------------------
	News */
	.news-photo {
		float: none;
		max-width: 50% !important;
	}

	/* ----------------------------------------------------
	Equipment Section */

	/* Category Details */
	.equipment-list li,
	.category-list li {
		/*width: 45%;	*/
		width: 100%;
		display: block;
	}

	.equipment-list .on-lease {
		width: auto;
	}

	.equipment + #content .before-photo {
		display: none;
	}

	.equipment + #content .after-photo {
		display: block;
	}

	/*-------------------------------------------------------
	Header */

	/* Shrink logo */
	#logo a {
		background-size:contain;
		width: 200px;
	}
	
	/********Google captcha on Contact page**********/
	.g-recaptcha {
		max-width: 304px;
		margin: 20px auto;
		padding: 0;
	}
	
}
@media screen and (max-width:525px) {

	/*-------------------------------------------------------
	Header */

	/* Shrink slogan slightly */
	body>header>p {
		font-size:135%;
	}
	
	body > header {
		text-align: center;
	}
	
	#top{
		width: 100%;
		display: block;
		margin: 0 auto;
		padding: 0;
		float: none;
		text-align: center;
	}
	
	#top ul {
		float: none;
		text-align: center;
		margin: 0 auto;
	}
	
	/* Clip link text */
	#top li span,
	#top li.contact a+a {
		display:none;
	}
	
	#top li.home {
		display: none;
	}
	
	#logo a {
		float: none;
		margin: 0 auto;
	}
	
	/* shrink headers to fit column */
	header.about-history + section#content h2 {
		font-size: 130%;
	}
	
	#logo a {
		background-size:contain;
		width: 200px;
	}
	
	body > header {
		text-align: center;
	}
	
	#top{
		width: auto;
		display: block;
		margin: 0 auto;
		padding: 0;
		float: none;
		text-align: center;
	}
	
	#top ul {
		float: none;
		text-align: center;
		margin: 0 auto;
	}
	
	/* Clip link text */
	#top li span,
	#top li.contact a+a {
		display:none;
	}
	
	#top li.home {
		display: none;
	}
	
	#logo a {
		float: none;
		margin: 0 auto;
	}
	
	/* substitue navigation */
	
	/*
#main-nav {
		display: none;
	}
*/
	
	/* ------------------------------------------------nav-jump set styles */
	
	#nav-jump {
		display:block !important;
		position:fixed;
		text-indent:-9999px;
		outline:none;
		z-index:100;
		right:0;
		top:0;
		width:55px;
		height:60px;
		background: #9E1300;
		opacity:1;
	}
	#nav-jump:after {
		content:' ';
		position:absolute;
		margin:-1px 0 0 -12px;
		top:50%;
		left:50%;
		width:24px;
		height:3px;
		background:#130076;
		box-shadow:0 8px 0 #130076, 0 -8px 0 #130076;
	}

	#nav-close {
		display:block !important;
		position:absolute;
		text-indent:-9999px;
		z-index:10;
		outline:none;
		right:0;
		top:0;
		width:50px;
		height:50px;
		color:#9E1300;
	}
	#nav-close:after {
		content:'x';
		display:block;
		text-indent:0;
		text-align:center;
		font-size:300%;
		line-height:0.01;
	}

	#main-nav {
		position:fixed;
		visibility:hidden;
		z-index:500;
		height:100%;
		width:100%;
		left:100%;
		padding:0;
		top:0;
		overflow-y: scroll;
		border: none;

		-webkit-transition:all 0.4s ease-in 0s;
		transition:all 0.4s ease-in 0s;
	}
	#main-nav ul {
		text-align:left;
		padding:0 1em;
		margin-right:0.5em;
		font-size:130%;
	}
	
	/* get rid of fade-in equipment menu - replace with regular ul */
	
	#main-nav ul li {
		display: block;
	}
	
	#main-nav li a {
		padding:5px 0 0;
	}
	
	#main-nav li:first-child {
		border: none;
		padding: 0;
	}
	
	#main-nav nav {
		position: relative;
		visibility: visible;
		opacity: 1;
		background: none;
		border: none;
		font-size: .85em;
	}
	
	#main-nav nav img {
		display: none;
	}
	
	
	#main-nav nav ul li {
		display: block;
		border: none;
		border-top: 1px solid;
		border-top: 1px solid #797C7D;
		text-align: left;  
	}
	
	#main-nav nav ul li:hover a {
		color: #A5A5A5;
	}
		
	#main-nav nav li {
		display: block;
		margin: 0;
		padding: 0;
		width: auto;
		max-width: 100%;
	}
	
	#main-nav nav a {
		transition: all 0.2s ease 0s;
	}
	
	#main-nav li:hover > a:not(:only-child):before {
		visibility: hidden;
	}
	
	#main-nav li {
		display:block;
		border-top:1px solid #797c7d;
	}
	#main-nav li a {
		display:block;
		margin:0;
		/* padding:0.5em 1em; */
		font:bold 120%/1.2 'Century Gothic',Arial,Helvetica,sans-serif;
		color:#FFF;

		-webkit-transform-origin:left center;
		-ms-transform-origin:left center;
		transform-origin:left center;
	}
	
	#main-nav:target {
		visibility:visible;
		left:0;
	}


	/*-------------------------------------------------------
	Top navigation */

	#top {
		/* max-width:260px; */
	}
	
	/* ----------------------------------------------------
	main navigation */
	
	#main-nav nav {
		max-width: 70%;
	}
	
	#main-nav nav ul {
		display:block;
	}
	
	#main-nav nav li {
		display: inline-block;
		/* max-width: 40%; */
	}
	
	/*---------------------------------------------
	Home page */
	
	#home-tiles figure {
		width: 80%;
		margin-left: 0;
	}
	
	/*	logo slider */
	
/*
	#logo-slider {
		width: auto;
		height: auto;
	}
	
	#logo-slider ul {
		text-align: center;
	}
	
	#logo-slider li {
		margin-right: 20%;
		margin-left: 20%;
		/* text-align: center; */
		
		/* ------------------------------------
	 footer */
	 
	 	 
	 #foot-nav ul {
	 	float: none;
	 	width: 100%;
	 }
	 
	 #foot-nav h2 {
		font-size: 150%;
		float: none;
	 }
	
	 #foot-nav a.button {
		padding: 0.3em 1.1em 0.3em 1.5em;
	 }
		
	}

@media screen and (max-width:500px) {
	
	/* Staff Listing */
	.staff-list li {
		display: block;
		padding-left: 0;
		width: 100% !important;
		clear: both;
	}
}


/* Mobile */
@media screen and (max-width:425px) {

	
	/*---------------------------------------------
	footer */
	
	#jb {
	margin-top: 25px;
		text-align: center;
	}
	
		/*--------------------------------------------------------
	News */
	#news {
		padding-bottom: 1em;
	}
	.news-list {
		padding: 0;
	}
		
	.news-photo {
		float: none;
		max-width: 100% !important;
		
		
	}
	
	

	
}