@charset "utf-8";

/***** BEGIN RESET *****/
.hdr-top .icons
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, font, 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 {
    background:transparent;
    border:0;
    margin:0;
    padding:0;
}

ol, ul {list-style: none;}
.clear {clear: both; height:0px; margin:0;}

/***** END RESET *****/

* {
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	box-sizing: border-box;
}

body {
	overflow-x: hidden;
	font-family: 'Roboto Condensed', sans-serif;
	line-height: 1.8;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

button,
input { /* 1 */
  overflow: visible;
}

button,
select { /* 1 */
  text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

a {
	text-decoration: none;
	-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all.3s ease-in-out;
}


.width {width: 90%; margin: 0 auto; max-width: 1500px;}
.wrapper-width {width: 85%; margin: 0 auto; max-width: 1260px; }
.inventory-width {width: 85%; margin: 0 auto; padding-bottom: 40px; background: #fff;}

.column12, .column11, .column10, .column9, .column8, .column7, .column6, .column5, .column4, .column3, .column2, .column1{float: left; padding: 0 25px 0 0;} .column12{width: 100%; padding: 0;} .column11{width: 91.6666%;} .column10{width: 83.3333%;} .column9{width: 75%;} .column8{width: 66.6666%; box-sizing: border-box;} .column7{width: 58.3333%; position: relative; box-sizing: border-box;} .column6{width: 50%; box-sizing: border-box;} .column5{width: 41.6666%; box-sizing: border-box;} .column4{width: 33.3333%; box-sizing: border-box;} .column3{width: 25%; box-sizing: border-box;} .column2{width: 16.6666%; box-sizing: border-box;} .column1{width: 8.3333%;} .last{padding: 0;} 

.flex-wrapper {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}

/**SCROLL UP BUTTON**/
.cd-top {
  display: inline-block;
  outline: none; /* Remove outline */
  border: none; /* Remove borders */
  height: 50px;
  width: 50px;
  position: fixed;
  z-index: 999;
  bottom: 20px;
  right: 30px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  color: #fff!important;
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: #000 url(../siteart/scroll-to-top.svg) no-repeat center 50%;
  visibility: hidden;
  border-radius: 100px;
  opacity: 0;
  padding:5px; /* Some padding */
  cursor: pointer; /* Add a mouse pointer on hover */
  border-radius:5px;
  border: .5px solid rgba(255, 255, 255, 0.1);
  -webkit-transition: opacity .3s 0s, visibility 0s .5s;
  -moz-transition: opacity .3s 0s, visibility 0s .5s;
  transition: opacity .3s 0s, visibility 0s .5s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .5s 0s, visibility 0s 0s;
  -moz-transition: opacity .5s 0s, visibility 0s 0s;
  transition: opacity .5s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: 1;
}
.no-touch .cd-top:hover {
  background-color: #000;
  opacity: 1;
}
.cd-top:hover {
  background-color: #00319e;
}


/* alert popup */
#alert-message {
	background: #f4f4f4;
    position: fixed;
    width: 100%;
    bottom: 0;
    z-index: 999999;
	box-sizing: border-box;
	padding: 20px 0;
	color: red;
    text-align: center;
	font-weight: 600;
}
#alert-message marquee h1 {font-weight: 700; color: #2e2e2e; cursor: pointer;}
#alert-message p {font-size: 13px;}
#alert-message .hide {display:none;}
#alert-message .close {cursor: pointer; color: #000; position: absolute; right: 5%; top: 5%; font-size: 24px;}
#alert-message .closeNow {right: -50000px;}

/* end popup */ 


/***************************  HEADER STYLES  *************************************/
.header {
	width: 100%;
	margin: 0 auto;
	background: rgba(255, 255, 255, .8);
	box-shadow: 0px 2px 8px rgba(0,0,0,0.1);
	border-bottom: 1px solid #ddd;
}
.header.clone {position: fixed; top: -270px; left: 0; right: 0; z-index: 999; transition: 0.4s top cubic-bezier(.3,.73,.3,.74);}
body.down .header.clone {top: 0; background: rgba(242,242,242,.85);}
body.down .header.clone a#logo img {max-width: 265px;}
body.down .header.clone .hdr-top {padding: 10px 0;}

a#logo {padding: 14px 0; display: block; float: left;}
a#logo img {width: 100%; max-width: 420px; height: auto;}

a#email-signup button {background: none; border: 1px solid #fff; color: #fff; font-weight: 700; padding: 10px 20px; cursor: pointer; font-size: 14px; letter-spacing: .5px;}
a#email-signup button:hover {background: #000; border: 1px solid transparent; transition: all.3s ease-in-out;}

.hdr-top {
	width: 100%;
	padding: 15px 0;
	background: linear-gradient(#0238af, #00319e);
	display: block;
	font-family: 'Roboto Condensed', sans-serif;
}

.hdr-top p {
	text-transform: uppercase;
	color: #ddd;
	font-weight: 600;
	letter-spacing: 1px;
	text-shadow: 1px 2px 2px rgba(0,0,0,0.25);
}
.hdr-top p a {text-decoration: none; color: #fff;}
.hdr-top p a:hover {opacity: 0.8;}
.hdr-top .icons {text-align: right; width: 130px;}

.hdr-top .icons a .fas, .hdr-top .icons a .fab {
	color: #ddd;
	font-size: 18px;
	margin: 0 3%;
	line-height: 26px;
	-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all.3s ease-in-out;
}

.hdr-top .icons a:hover .fas, .hdr-top .icons a:hover .fab{color: #fff;}

/*********************  HOMEPAGE STYLES **************************************/
.homepage-wrapper {
	width: 100%;
	display: inline-block;
	margin: 0 auto;
}

/* welcome section */
.welcome-wrapper, .equipment-wrapper, .contact-wrapper {
	width: 100%;
	padding: 5em 0 0 0;
}

.welcome-wrapper .title h1, .equipment-wrapper .title h1 {
	text-transform: uppercase;
	letter-spacing: .5px;
	font-size: 30px;
	line-height: 40px;
}

.welcome-wrapper .title hr, .equipment-wrapper .title hr, .contact-info .title hr {
	border: 2px solid #00319e;
	width: 180px;
	float: left;
	display: block;
}

.welcome-wrapper p  {
	margin-top: 25px;
}

.welcome-wrapper a, .equipment-wrapper a, .contact-info .left a#cta-btn {
	color: #000;
	font-weight: 600;
	text-decoration: none;
	line-height: 26px;
}

.welcome-wrapper a .fas, .equipment-wrapper a .fas, .contact-info .left a#cta-btn .fas {
	margin-left: 5px;
	line-height: 26px;
}

.welcome-wrapper a:hover, .equipment-wrapper a:hover, .contact-info .left a#cta-btn:hover {
	opacity: 0.8;
}

/* quick links section */
.quicklinks-wrapper {
	width: 100%;
	margin: 40px 0;
}

.quicklinks-wrapper hr {
	border: 2px solid #2a2a2a;
	border-radius: 30px;
	margin: 30px 0;
}

/* zoom boxes styles */
.quicklinks {position:relative;margin:0 auto;padding:0 0 0 0;box-sizing:border-box;max-width:100%;list-style:none;text-align:center;}
.quicklinks figure {position:relative;display:block;float:left;overflow:hidden;max-width:31.33%; margin:1%;height:auto;width:100%;background:#3085a3;text-align:center;cursor:pointer;box-sizing:border-box;}
.quicklinks figure img {position:relative;display:block;min-height:100%;max-width:100%;opacity:0.8;}
.quicklinks figure figcaption {padding:2em;color:#fff;text-transform:uppercase;font-size:1.25em;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;}
.quicklinks figure figcaption::before,
.quicklinks figure figcaption::after {pointer-events: none;}
.quicklinks figure figcaption,
.quicklinks figure figcaption > a {position:absolute;top:0;left:0;width:100%;height:100%;}

/* Anchor will cover the whole item by default */
.quicklinks figure figcaption > a {z-index:1000;text-indent:200%;white-space:nowrap;font-size:0;opacity:0;}
.quicklinks figure h2 {font-weight:400;}
.quicklinks figure h2 span {font-weight: 800;}
.quicklinks figure h2, .grid figure p {margin: 0;}
.quicklinks figure p {font-size:68.5%;}

figure.effect-bubba {background:#00319e;}
figure.effect-bubba img {opacity: 0.8;-webkit-transition: opacity 0.35s;transition:opacity 0.35s;max-height:487px;}
figure.effect-bubba img#furukawa {height: 100%; width: 450px; margin: 0 auto; display: block; padding-bottom: 20px;}
figure.effect-bubba:hover img {opacity:0.85;}
figure.effect-bubba figcaption::before, figure.effect-bubba figcaption::after {position:absolute;top:30px;right:30px;bottom:30px;left:30px;content:'';-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;}
figure.effect-bubba figcaption::before {border-top:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:scale(0,1);transform:scale(0,1);}
figure.effect-bubba figcaption::after {border-right:1px solid #fff;border-left:1px solid #fff;-webkit-transform:scale(1,0);transform:scale(1,0);}
figure.effect-bubba h2 {padding-top:25%;text-shadow:1px 2px 2px rgba(0,0,0,0.75);/*-webkit-transition:-webkit-transform 0.35s;transition:transform 0.35s;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);*/}
figure.effect-bubba p {padding:0 2.5em;opacity:0;text-shadow:1px 2px 2px rgba(0,0,0,0.75);/*-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0);*/}
figure.effect-bubba:hover figcaption::before, figure.effect-bubba:hover figcaption::after {opacity:1;-webkit-transform:scale(1);transform:scale(1);}
figure.effect-bubba:hover h2, figure.effect-bubba:hover p {opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}

/* hero / banner section */
.banner-wrapper {
	width: 100;
	max-width: 1260px;
	display: block;
	margin: 0 auto;
	margin-bottom: 40px;
	padding: 14em 5%;
	background: #000 url('/siteart/welcome-hero.jpg') no-repeat center;
	background-size: cover;
	background-position: center;
}
.banner-wrapper h1 {
	text-transform: uppercase;
	font-family: 'Alfa Slab One', cursive;
	color: #fff;
	font-size: 35px;
	line-height: 45px;
	width: 100%;
	text-align: center;
	letter-spacing: 3.5px;
	text-shadow: 1px 2px 2px rgba(0,0,0,0.75);
}
.banner-wrapper h1 span {color: #00319e;}


/** page wrapper **/
.page-wrapper {
	width: 100%;
	display: block;
	margin: 0 auto;
}
.page-title {
    display: block;
    background: #000 url("/siteart/page-header2.jpg") no-repeat;
    background-size: cover;
	padding: 4em 5%;
}

.page-title h1 {
    display: block;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-size: 45px;
	line-height: 50px;
	font-family: 'Alfa Slab One', cursive;
	letter-spacing: 3px;
	text-shadow: 1px 2px 2px rgba(0,0,0,0.75);
}
.page-title p {
	width: 100%;
    display: block;
    color: #2a2a2a;
    text-align: center;
	font-size: 16px;
	padding-top: 10px;
	text-shadow: 0px 1px 1px rgba(0,0,0,0.2);
}
.page-title p .fas {margin-right: 7px;}
.page-title p span.fa {color: #00319e; font-size: 12px;}


/*********************  EQUIPMENT STYLES **************************************/
.equipment-wrapper a div.box1,  .equipment-wrapper a div.box2, .equipment-wrapper a div.box3, .equipment-wrapper a div.box4, .equipment-wrapper a div.box5, .equipment-wrapper a div.box6, .equipment-wrapper a div.box7, .equipment-wrapper a div.box8, .equipment-wrapper a div.box9, .equipment-wrapper a div.box10, .equipment-wrapper a div.box11, .equipment-wrapper a div.box12 {
	float: left;
	width: calc(33.33% - 20px);
	margin: 10px;
	/*padding: 1rem;*/
	text-align: center;
	background: #f2f2f2;
	min-width: 382px;
	min-height: 300px;
	position: relative;
	border: 2px solid #f2f2f2;
}

.equipment-wrapper a div.box1:hover,  .equipment-wrapper a div.box2:hover, .equipment-wrapper a div.box3:hover, .equipment-wrapper a div.box4:hover, .equipment-wrapper a div.box5:hover, .equipment-wrapper a div.box6:hover, .equipment-wrapper a div.box7:hover, .equipment-wrapper a div.box8:hover, .equipment-wrapper a div.box9:hover, .equipment-wrapper a div.box10:hover, .equipment-wrapper a div.box11:hover, .equipment-wrapper a div.box12:hover {
	border: 2px solid #2a2a2a;
}

.equipment-wrapper a div.box1:hover p,  .equipment-wrapper a div.box2:hover p, .equipment-wrapper a div.box3:hover p, .equipment-wrapper a div.box4:hover p, .equipment-wrapper a div.box5:hover p, .equipment-wrapper a div.box6:hover p, .equipment-wrapper a div.box7:hover p, .equipment-wrapper a div.box8:hover p, .equipment-wrapper a div.box9:hover p, .equipment-wrapper a div.box10:hover p, .equipment-wrapper a div.box11:hover p, .equipment-wrapper a div.box12:hover p {
	background: #000;
}

.equipment-wrapper p {
	line-height: 45px;
	background: rgba(0,49,158,.75);
	color: #fff;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 1px;
	position: absolute;
	bottom: 0;
	width: 100%;
	font-size: 18px;
	/*text-shadow: 1px 2px 2px rgba(0,0,0,0.75);*/
}

.equipment-wrapper a div.box1 {
	background: #000 url('/siteart/equipment/Compactors.jpg') no-repeat center center;
	background-size: cover;
}

.equipment-wrapper a div.box2 {
	background: #000 url('/siteart/equipment/Crawler Loaders.jpg') no-repeat center center;
	background-size: cover;
}

.equipment-wrapper a div.box3 {
	background: #000 url('/siteart/equipment/Dozer1.jpg') no-repeat center center;
	background-size: cover;
}

.equipment-wrapper a div.box4 {
	background: #000 url('/siteart/equipment/Excavator1.jpg') no-repeat center center;
	background-size: cover;
}

.equipment-wrapper a div.box5 {
	background: #000 url('/siteart/equipment/Loader Backhoes.jpg') no-repeat center center;
	background-size: cover;
}

.equipment-wrapper a div.box6 {
	background: #000 url('/siteart/equipment/Motor Graders.jpg') no-repeat center center;
	background-size: cover;
}

.equipment-wrapper a div.box7 {
	background: #000 url('/siteart/equipment/off-highway-truck.jpg') no-repeat center center;
	background-size: cover;
}

.equipment-wrapper a div.box8 {
	background: #000 url('/siteart/equipment/Skid Steers.jpg') no-repeat center center;
	background-size: cover;
}

.equipment-wrapper a div.box9 {
	background: #000 url('/siteart/equipment/Wheel Loaders.jpg') no-repeat center center;
	background-size: cover;
}

.equipment-wrapper a div.box10 {
	background: #000 url('/siteart/equipment/Trucks.jpg') no-repeat center center;
	background-size: cover;
}

.equipment-wrapper a div.box11 {
	background: #000 url('/siteart/equipment/Attachments.jpg') no-repeat center center;
	background-size: cover;
}

.equipment-wrapper a div.box12 {
	background: #000 url('/siteart/equipment/Other Items.jpg') no-repeat center center;
	background-size: cover;
}


/*********************  ABOUT US STYLES **************************************/
.about {
	width: 100%;
	display: inline-block;
	padding-top: 45px;
}

.about .left, .about .right {
	margin: 1%;
}

.about .left {
	float: left;
	width: 38%;
	padding: 2rem;
}

.about .left img {
	width: 100%;
	height: auto;
	min-width: 280px;
	display: block;
	margin: 0 auto;
}

.about .left img#finance {
	max-width: 300px;
}

.about .left a#cta-btn {
	width: 100%;
	background: #00319e;
	text-align: center;
	padding: 1rem;
	display: inline-block;
	margin: 10px 0;
	color: #eeeeee;
	text-decoration: none;
	min-width: 280px;
	line-height: 26px;
}

.about .left a#cta-btn .fas {
	margin-left: 5px;
	line-height: 26px;
}

.about .left a#cta-btn:hover {
	opacity: 0.9;
}

.about .right {
	float: right;
	width: 58%;
	padding: 2rem;
}

.about .right a {
	color: #00319e;	
}

.about .right a:hover {
	text-decoration: underline;
}


/*********************  CONTACT STYLES **************************************/
.contact-info {
	width: 100%;
	display: inline-block;
	margin: 40px 0;
}

.contact-info .left {
	float: left;
	width: 50%;
	padding: 1rem;
}

.contact-info .left .title h2 {
	text-transform: uppercase;
	letter-spacing: .5px;
	font-size: 30px;
}

.contact-info .left p {
	margin: 10px 0;
}

.contact-info .left p a {
	color: #00319e;
}

.contact-info .left p a:hover {
	text-decoration: underline;
}

.contact-info .right {
	float: right;
	width: 50%;
}


/* thank you page styles */
p#thankyou {
	background: rgba(255,255,255,.85);
	padding: 3rem;
	/*box-shadow: 0px 3px 15px rgba(0,0,0,0.1)!important;*/
	border: 2px solid #eeeeee;
	font-weight: 500;
	color: #2a2a2a;
	margin-top: 60px;
}

p#thankyou a {
	text-decoration: none;
	color: #00319e;
}

p#thankyou a:hover {
	color: #777777;
}

p#thankyou .fas {margin-right: 10px;}

/*********************  FOOTER STYLES **************************************/
.footer {
	width: 100%;
	display: block;
	background: linear-gradient(#0238af, #00319e);
	padding-top: 40px;
	margin-top: 40px;
	box-sizing: border-box;
	text-align: center;
	font-family: 'Roboto Condensed', sans-serif;
}

.footer .footer-width {
	width: 95%;
	max-width: 1200px;
	margin: 0 auto;
	display: block;
}

.footer .title {
	float: left;
	/*width: 25%;*/
	padding: 1em;
}

.footer .title h2 {
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #fff;
	font-weight: 400;
	padding-bottom: 40px;
	line-height: 32px;
}

.footer .title h2 span {
	font-weight: 600;
	display: block;
	color: #ddd;
}

.footer .title h2:after {
	content: "";
    height: 100%;
    max-height: 100px;
    width: 2px;
    background: #ddd;
    position: absolute;
    transform: translateY(-50%) rotate(20deg);
    margin: 0 100px;
}

.footer nav.footer-nav {
	float: right;
	width: 75%;
	display: flex;
	justify-content: flex-end;
	flex-wrap: wrap;
	text-align: right;
	padding: 2em;
	box-sizing: border-box;
	margin-bottom: 20px;
}

.footer nav.footer-nav ul li {
	display: inline-block;
	margin: 0;
	list-style-type: none;
	width: auto;
}

.footer nav.footer-nav ul li a {
	text-decoration: none;
	color: #eee;
	line-height: 26px;
	padding: 0 15px;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-size: 14px;
}
.footer nav.footer-nav ul li a:hover {color: #fff;}

.site-host {
	width: 100%;
	display: block;
	margin: 0 auto;
	background: #2a2a2a;
	padding: 25px 0;
}

.site-host p {
	text-transform: uppercase;
	color: #999;
	letter-spacing: 1px;
	font-size: 10.5px; 
	line-height: 16px;
	padding: 0 5%;
	text-align: center;
	display: inline-block;
	width: 100%;
	box-sizing: border-box;
}


/***************************  INVENTORY  ***************************************/
a#inv-btn {
	text-decoration: none;
	text-align: center;
	display: block;
	width: calc(50% - 10px);
	margin: 10px 5px;
	background: #00319e;
	padding: 1em 5%;
	color: #eee;
	letter-spacing: 1px;
	text-transform: uppercase;
	line-height: 22px;
	font-size: 14px;
	float: left;
	box-sizing: border-box;
	font-family: 'Roboto Condensed', sans-serif;
}

a#inv-btn:hover {
	background: #2a2a2a;
}

/**********************  MEDIA QUERIES (RWD) ***************************************/
@media screen and (max-width: 1460px) {
/* inventory */
	.equipment-wrapper a div.box1, .equipment-wrapper a div.box2, .equipment-wrapper a div.box3, .equipment-wrapper a div.box4, .equipment-wrapper a div.box5, .equipment-wrapper a div.box6, .equipment-wrapper a div.box7, .equipment-wrapper a div.box8, .equipment-wrapper a div.box9, .equipment-wrapper a div.box10, .equipment-wrapper a div.box11, .equipment-wrapper a div.box12 {width: calc(50% - 20px);}
	
	body.down .header.clone a#logo {padding: 7px 0;}
}

@media screen and (max-width: 1100px) {
/* quick links */
	figure.effect-bubba h2 {padding-top: 20%;}
	figure.effect-bubba p {padding: 0 5%;}
	.quicklinks figure figcaption {padding: 5%;}
	
/* about page */
	.about .left, .about .right {float: none; width: 100%; padding: 0;}
	.about .right {margin-top: 30px;}
	
/* inventory page */
	a#inv-btn{width: 100%; border-bottom: 1px solid #fff; margin: 0 auto;}
	.equipment-wrapper a div.box1, .equipment-wrapper a div.box2, .equipment-wrapper a div.box3, .equipment-wrapper a div.box4, .equipment-wrapper a div.box5, .equipment-wrapper a div.box6, .equipment-wrapper a div.box7, .equipment-wrapper a div.box8, .equipment-wrapper a div.box9, .equipment-wrapper a div.box10, .equipment-wrapper a div.box11, .equipment-wrapper a div.box12 {width: 100%; margin: 0 auto; margin-top: 10px; margin-bottom: 10px;}
	
	/*.column1, .column2, .column3, .column4, .column5, .column6, .column7, .column8, .column9, .column10, .column11, .column12 {margin: 0 auto!important; width: 100%!important; float: none; padding: 0;}*/
}

@media screen and (max-width: 890px) {
	#alert-message p {font-size: 11px;}	
	#alert-message marquee h1 {font-size: 24px;}
	#alert-message marquee {height: 35px;}
	
/* quick links */
	.quicklinks figure figcaption {font-size: 1em;}
	
/* footer */
	.footer .title h2:after {margin: 0 45px;}
	.footer nav.footer-nav {padding: 1em 1.5em;}
}

@media screen and (max-width: 785px) {
/* homepage */
	.banner-wrapper h1 {font-size: 26px; line-height: 35px; letter-spacing: 2.5px;}
	a#logo img {max-width: 333px;}
	a#email-signup button {display: none;}
	
/* quicklinks */
	.quicklinks figure {max-width: none;}
	.quicklinks figure figcaption {font-size: 1.5em;}
	
	.footer {padding-top: 20px;}
	.footer .title {display: none;}
	.footer nav.footer-nav {float: none; width: 100%; text-align: center; padding: 3em 7%;}
	
}

@media screen and (max-width: 550px) {
/* header */
	.hdr-top p {font-size: 14px;}
	
/* homepage */
	.welcome-wrapper .title h1, .equipment-wrapper .title h1 {font-size: 24px; line-height: 30px;}
	a#logo img {max-width: 280px;}
	
	.welcome-wrapper, .equipment-wrapper, .contact-wrapper {padding: 3.5em 0 0 0;}
	
/* quick links */
	.equipment-wrapper a div.box1, .equipment-wrapper a div.box2, .equipment-wrapper a div.box3, .equipment-wrapper a div.box4, .equipment-wrapper a div.box5, .equipment-wrapper a div.box6, .equipment-wrapper a div.box7, .equipment-wrapper a div.box8, .equipment-wrapper a div.box9, .equipment-wrapper a div.box10, .equipment-wrapper a div.box11, .equipment-wrapper a div.box12 {min-height: 235px; min-width: 100%; margin: 0 auto; margin-bottom: 10px;}
	
/* about page */
	.about {padding-top: 20px;}

/* contact page */
	.contact-info .left, .contact-info .right {float: none; width: 100%;}
	.contact-info .left {margin-bottom: 20px;}
	.contact-info {margin: 20px 0;}
	.contact-info .left .title h2 {font-size: 26px;}
	
}

@media screen and (max-width: 414px) {
/* header */
	a#logo img {max-width: 230px;}
	
/* page header */
	.page-title h1 {font-size: 32px; line-height: 36px; letter-spacing: 2px;}
	.page-title {padding: 3em 5%;}
	
	.footer nav.footer-nav ul li {display: block;}
	.footer nav.footer-nav {padding: 1em 7%; display: block;}
}

@media screen and (max-width: 375px) {
/* header */
	.hdr-top {display: none;}
	
	body.down .header.clone a#logo img {max-width: 210px;}

}