.panel {
	position: relative;
	height: 105px;		
	width: 100%;
	display: table;
	margin: 0 auto;

	> * {
		display: table-cell;
		vertical-align	: middle;		
	}

	.inner{
		padding: $globalPadding;
		text-align: left;


		@include responsive('>', 'tablets', (
			padding: 0 0 0 $globalMargin
		));
	}
	

	h2,
	h3,
	p {
		margin: 0;		
		color: $colorWhite;
	}

	p {
		font-size: 1em;

		@include responsive('>', 'phones', (
				font-size: 1.6em,
				line-height: 1.3em
		));
	}

	h2,
	h3 {
		font-size: 1.5em;

		@include responsive('>', 'phones', (
				font-size: 2.25em,
				line-height: 1.3em
		));
	}

	a {
		font-weight: bold;
		color: $colorWhite;
	}


	&.red {
		background-color: $colorRed;
	}

	&.yellow {
		background-color: $colorYellow;
	}
}