/* ------------------------------------------------------
   Table of Contents

---- Layout
---- Media Queries


------------------------------------------------------ */


/* ---- Layout ---- */

.banner {
	color: #fff;
	min-height: 197px;
	/*padding-top: 62px;*/
	font-family:'Neuron W03 Regular', Helvetica, Arial, sans-serif;
}
	.banner__tagline {
		margin-left: 29.674796747967%;
		font-size: 24px;
		font-size: 2.4rem;
		margin-bottom: 20px;
		position: absolute;
		bottom: 85px;
	}
	.banner__heading {
			position: absolute;
			bottom: 0;
			left:  6%;
			display: table;
			height: 110px;
		}
		.banner__heading__vert-centre {
			display: table-cell;
			vertical-align: middle;
		}
	@media screen and (min-width: 1001px) {
		.banner__heading {
			position: absolute;
			bottom: 0;
			left: 32.520325203252%;
			display: table;
			height: 110px;
		}
		.banner__heading__vert-centre {
			display: table-cell;
			vertical-align: middle;
		}
	}
	
	.banner h1 {
		padding-right: 30px;
	}

.sidebar {
	width: 21.951219512195%;
	float: left;
	margin-left: 04.878048780488%; /* 60px at full width */
	margin-top: -125px;
}
.sidebar div.widget:first-child h3 {
	margin-top: 8px;
	margin-top: 0.8rem;
}
.mainbar {
	float: right;
	width: 59.349593495935%; 
	padding-top: 15px;
	padding-bottom: 60px;
	margin-right: 08.130081300813%
}



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

/* medium breakpoints */


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

	.mainbar {
		float: none;
		width: 100%;
		margin-right: 0;
		padding: 0 6% 20px;
	}
	.sidebar {
		width: 100%;
		float: none;
		margin: 20px 0 60px;
		
	}

}


/*  smaller breakpoints  */

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

	.mainbar {
		float: none;
		width: 100%;
		margin-right: 0;
		padding: 0 6% 20px;
	}
	.sidebar {
		width: 100%;
		float: none;
		margin: 20px 0 60px;
		
	}
}