// Header Use Only

header{
	width: 725px;
	margin: 0 auto;
	color: $white;
	height: 102px;
		.logo{
			float: left;
			padding: 20px;
			text-align: right;
				h6{
					padding-bottom: 8px;
					@include text-style($white, 9pt, 400, $roboto)
				}
		}
		.page-head{
			float: right;
			background-color: $white;
			color: $blue;
			width: 550px;
			padding: 0 15px 7px;
			border-bottom: 2px solid $blue;
				h1{
					@include text-style($blue, 33.5pt, 400, $oswald);
					float: left;
					line-height: 61px;
					width: 100%;
					text-align: right;
						span{
							font-weight: 400;
						}
				}
				.small-head{
					float: right;
					background-color: $red;
					text-align: right;
					width: 165px;
						h3{
							@include text-style($white, 18pt, 400, $oswald);
							line-height: 25px;
							text-transform: uppercase;
							padding: 2px 5px 5px 0;
						}
				}
		}
}


.header-outer{
	background-color: $brown;
		header{
			height: 65px;
				.logo{
					padding: 13px 20px 12px 20px;
				}
				.page-head{
					background-color: $blue;
					padding: 0 15px 0;
					width: 596px;
					margin-right: -46px;
					height: 65px;
					border-bottom: 0;
					line-height: 65px;
						h2{
							@include text-style($white, 24pt, 400, $oswald);
							text-transform: uppercase;
								span{
									@include text-style($white, 24pt, 600, $oswald);
								}
						}
				}
		}
}