/*
*	Intro Banner
*
*/
.intro-banner {
	line-height: 1;
	text-align: center;
	padding-top: 1em;
	box-shadow: inset 0 6px 6px rgba(0,0,0,.2);

	div.title {
		background: #222;
		color: $flat-yellow;
		color: yellow;
		font-family: $base-font-family;
		font-size: 1.2em;
		line-height: 1.2;
		margin-bottom: 1em;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;

		@include media($medium-screen) {
			background: none;
			color: #888;
			border-top: 1px solid #aaa;
			border-bottom: 1px solid #ccc;
		}

		p {
			display: inline-block;
			padding: .5em 1em;
			margin-bottom: 0;
		}
	}

	#accidents-can-happen {
		display: none;
		color: #111;
		font-family: $header-font-family;
		font-size: 4em;
		font-weight: 700;
		line-height: 1;
		text-align: center;
		text-transform: uppercase;
		margin: 0;

		@include media($medium-screen) {
			display: block;
			font-size: 5em;
			line-height: 90px;
		}

		@include media($large-screen) {
			background: url('img/gold-choice.png') right center no-repeat;
			text-align: left;
		}
	}

	#stuart-can-help {
		display: none;
		background: #cc0000;
		font-size: 2em;
		line-height: 1;
		text-align: left;
		margin: 0 0 .5em;

		span {
			float: right;
			display: block;
			background: #ececec;
			color: #cc0000;
			font-family: $header-font-family;
			line-height: 1.2;
			text-transform: uppercase;
			padding-left: .5em;
		}

		@include media($medium-screen) {
			display: block;
			text-align: right;
		}
	}
 }