body {
	font-family: 'Open Sans', sans-serif;
	font-size:1rem;	
}

.row {
	max-width:70em;	
}

p {
	color:#333;	
}

h1, h2, h3, h4, h5 {
	font-family: 'Open Sans', sans-serif;
	color:#333;	
}

h1 {
	font-size: 1.75em;
}

h2 {
	font-size: 1.625em;
}

h3 {
	font-size: 1.425em;	
}

h4 {
	font-size:1.3em;	
}

a {
	color:#333;
	text-decoration:none;
	font-weight:600;	
}

a:focus {
	outline-color:#333;
	color:#aa701e;
}

a:hover {
	color:#aa701e;
	text-decoration:underline;
	transition:.5s;
}

.large-centered {
    float: none;
    clear: both;
    margin-right: auto;
    margin-left: auto;
}

hr {
	border-bottom:1px solid #aa701e;	
}

/****
Navigation
****/
#top-nav {
	background-color:#000;	
}

#top-nav a {
	color:#fff;	
}

#top-nav p {
	margin:.5rem 0rem;
	padding:0;
	color:#fff;	
}

.top-bar {
	padding:0rem;
	border-bottom:1px solid #eee;
}

.top-bar a {
	text-transform:uppercase;	
}

.top-bar, .top-bar ul {
    background-color: #fff;
}

.top-bar-right{flex: initial !important;}
.top-bar-left{flex: auto !important;}

/****
Banner 
****/
#hero {
	background-image:url(../img/hero-banner1.jpg);
	background-size:cover;
	background-position:center;
	background-attachment:fixed;
	text-align:center;
	background-color:#000;	
	padding:2rem;
	min-height:500px;
	display:table;
	width:100%;	
}

#hero .row {
	display:table-cell;	
	vertical-align:middle;
}

#hero h1 {
	color:#fff;	
	font-weight:600;
	font-size:3em;
}

.dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after {
    border-color: #aa701e transparent transparent;
}

/*******
Sub Heros
********/
.hero-banners h1 {
	font-weight:600;
	color:#fff;
	margin:0;
	padding:0;
}

.hero-banners h2 {
	font-weight:300;
	color:#fff;	
	margin:0;
	padding:0;
}

.hero-banners {
	padding:2rem 0rem;
	margin-bottom:1rem;
	background-color:#aa701e;	
}

#introduction {
	background-color:rgba(0, 0, 0, .9);
	padding:2rem;
	border-radius:15px;	
}

#hero-spacer {
	width:100px;
	border-bottom:2px solid #fff;	
}

#hero h2 {
	color:#fff;	
	font-weight:400;
}

#hero p {
	color:#fff;	
	font-weight:400;
}

.main-number-container {
	margin-top:2rem;	
}

.button.main-number {
	border:2px solid #fff;
	padding:1rem 2rem;
	font-size:1em;	
}

.button.main-number:hover {
	border:2px solid #fff;
}

/****
Callout 
****/
#callouts, #sub-page {
	padding:2rem 0rem;	
	margin-top:1rem;
	margin-bottom:1rem;
}

.callout {
	border-radius:5px;
	box-shadow:0px 4px 10px #ddd;	
	margin:0px;
}

.callout .container {
	min-height:200px;	
}

.callout h2 {
	font-weight:600;
	text-align:center;	
}

.callout img {
	max-width:155px;
	max-height:155px;	
}

.callout .button {
	width:100%;	
}


/****
Buttons 
****/
.button, button {
	border:2px solid #fff;
	background-color:#000;
	color:#fff;
	border-radius:2px;	
	text-decoration:none;
	text-transform:uppercase;
	font-weight:600;
}

.button:hover, button:hover, .button:focus, button:focus {
	border:2px solid #fff;
	background-color:#000;	
	color:#aa701e;
	transition:.5s;
	text-decoration:none;
}

a.button {
	font-size:1rem;	
}

button.fullwidth, .button.fullwidth {
	width:100% !important;	
}

/****
Promos
****/
.promos {
	background-image:url(../img/hero-bw.jpg);
	background-size:cover;
	background-position:center;
	background-attachment:fixed;
	background-color:#000;
	padding:4rem 0rem;
	margin:1rem 0rem;	
}

.promos h2 {
	color:#fff;
	font-weight:600;	
}

.promos h3 {
	color:#fff;	
}

.promos a {
	color:#fff;	
}

.promos p {
	color:#fff;	
}

/****
Footer
****/
footer {	
}

#footer-links {
	padding:2rem 0rem;	
}

#footer-links h2 {
	font-weight:600;
	border-bottom:1px solid #aa701e;
	padding-bottom:1rem;
	margin-bottom:1rem;	
}

#copyright {
	border-top:1px solid #000;
	padding:1rem 0rem;
	background-color:#fff;	
}

#copyright p {
	margin:0;
	padding:0;
	text-align:center;	
}

.hours p  {
	display:table;
	width:100%;	
	margin:0;
	padding:0;
}

.hours .day {
	display:table-cell;
	text-align:left;
		
}

.hours .time {
	display:table-cell;	
	text-align:right;
}

/****
Quote Forms
****/
fieldset#extraServices label, fieldset#shipRadioBtns label, fieldset#endExtraServices label {
	display:inline;	
}

.row-number {
	margin-bottom:1rem;	
}

#order small {
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}

input.qty {
    max-width: 50px;
    padding-left: 2px;
    padding-right: 2px;
    text-align: center;
}

.total-weight {
    max-width: 100px;
}

input.l, input.w, input.h {
    display:inline-block;
    width: 50px !important;
    max-width: 50px !important;
    padding-left: 2px;
    padding-right: 2px;
    text-align: center;
}

select.dimension-type {
	float:right;
	width:75px;	
}


input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

table thead, table tbody {
	background-color:transparent;
}

/****
Modal
****/
button.close-button {
	background-color:transparent;
	border:none;
}

/****
Media Queries
****/

@media screen and (min-width: 40em) {
	.top-bar-right {
		float:right;	
	}
}

@media screen and (max-width:1023px){
		
	.title-bar {
		background-color:#fff;	
		padding:1rem;
	}
	
	.title-bar-title {
		color:#000;	
	}
	
	button.menu-icon {
		border:none;
		background-color:transparent;
		outline:none;	
	}
	
	.menu-icon::after {
		background: #000;
		box-shadow: 0 7px 0 #000, 0 14px 0 #000;
		outline:none;
	}
	
	.menu-icon:hover::after {
		background: #a1a1a1;
		box-shadow: 0 7px 0 #a1a1a1, 0 14px 0 #a1a1a1;
	}
	
	.top-bar {
		padding:0rem 1rem;	
		flex-wrap:wrap;
	}
	
	.top-bar .menu li {
		border-top: 1px solid #eee;
	}
	
	.top-bar .menu li a {
		text-decoration:none;	
	}
	
	.top-bar-right {
		border-top:1px solid #000;
		flex: auto !important;
		width:100%;
	}
	
	.menu-text {display:none;}	
	
  	table.stack thead {
		display: none; }
	table.stack tfoot {
		display: none; }
	table.stack tr, table.stack th, table.stack td {
		display: block; }
		
		input.l, input.w, input.h {
		width: 100% !important;
		max-width: 100% !important;
	}
	
	select.dimension-type, input.qty, .total-weight {
		width: 100%;
		max-width:100%;
	}
	
	#order small {
		position:relative;
		left:0px;
		top:auto;
		width:1px;
		height:1px;
		overflow:hidden;
	}
		
	table.stack tr {
		width: 50%;
		float: left;
	}
}

@media screen and (max-width:640px){
	h1, #hero h1 {
		font-size: 1.5em;
	}
	
	h2 {
		font-size: 1.25em;
	}
	
	h3 {
		font-size: 1.2em;	
	}
	
	h4 {
		font-size:1.1em;	
	}

	#hero {
		min-height:300px;
		padding:2rem 0rem;	
	}
	
	#main-number {
		font-size: 1em;
	}
	
	#callouts, #sub-page {
		padding:1rem 0rem;	
	}
	
	.callout { 
		margin:0 0 1rem 0;
	}
	
	.promos {
		margin:1rem 0rem;	
	}
	
	#footer-links {
		padding:1rem 0rem;
	}
	
	#footer-links .small-12.medium-4.columns {
		margin-bottom:2rem;	
	}
		
	table.stack tr {
		width: 100%;
		float: none;
	}
}