﻿header, .website-name h3 a, .website-name h3, .website-name a, .website-name, .logo, .tagline h4, nav.navbar div.nav-bg, .phone, .secondary-horizontal-nav, span.icon-stack, img {
	transition: all 1s;
	-moz-transition: all 1s; /* Firefox 4 */;
	-webkit-transition: all 1s; /* Safari and Chrome */;
	-o-transition: all 1s; /* Opera */
}
header {
	background: url('../../graphics/header-bg.jpg') center bottom repeat-x;
	width: 100%;
	z-index: 10001;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */;
	-moz-box-sizing: border-box; /* Firefox, other Gecko */;
	box-sizing: border-box; /* Opera/IE 8+ */;
}
nav.navbar div.nav-bg {
	padding-top: 18px;
}
nav.navbar div.nav-bg div.collapse {
	padding-left:0px;
	padding-right:0px;
}
ul.home-icons {
	list-style-type: none;
}
ul.home-icons li {
	display: inline-block;
	width: 70px;
	height: 60px;
	text-align: center;
	margin: 10px;
	font-size: 8pt;
}
header.large span.icon-stack {
	padding-top: 30px;
}
.template .website-name-bg {
	position:absolute;
	top:-20px;
	left:-60px;
}

header.large img {
	width: 100%;
}

@media screen and (min-width: 1025px) {
header {
	background: url('../../graphics/header-bg.jpg') center bottom repeat-x;
	float: left;
	width: 100%;
	position: fixed;
	z-index: 10001;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */;
	-moz-box-sizing: border-box; /* Firefox, other Gecko */;
	box-sizing: border-box;         /* Opera/IE 8+ */
}
/* Sizes for the bigger menu */
header.large {
	height: auto;
}
header .container {
	max-width: 1200px;
}
header.large nav.navbar div.nav-bg {
	padding-top: 18px;
}
/* Sizes for the smaller menu */
header.small {
	height: auto;
}
header.small nav.navbar div.nav-bg {
	padding-top: 11px;
}
header.small .website-name h3 a, header.small .website-name h3, header.small .website-name a, header.small .website-name {
	font-size: 40px; /* old */;
}
header.small .logo {
	margin-top: -42px;
}
header.small .logo .tagline h4 {
	font-size: .8em;
}
header.small .phone {
	color: black;
	color: rgba(0, 0, 0, 0.0);
	margin-top: -50px;
	font-size: 0em;
}
header.small .secondary-horizontal-nav, header.small .secondary-horizontal-nav a {
	color: black;
	color: rgba(0, 0, 0, 0.0);
	margin-top: -50px;
	font-size: 0em;
}
header.large span.icon-stack {
	padding-top: 30px;
}
header.small span.icon-stack {
	font-size: 1em;
	padding-top: 0px;
}
header.small img {
	width: 30%;
}
header.small .website-name-bg {
	position:absolute;
	top:-35px;
	left:-15px;
}
}
/* tablet and phone */

@media screen and (max-width: 760px) {
.social-icon-fontawesome {
	text-align:center;
	margin-top:0px;
}
header.large span.icon-stack {
padding-top: 0px;
}
}


