/* header title */
.header-title { display: none; }

/* header social */
.header-social { display: block; float: left; width: 100%; text-align: center; }
.header-social ul { font-size: 0px; }
.header-social li {
	margin: 0;
	padding: 0;
	display: inline-block;
	margin-left: 19px;
}
.header-social li:first-child { margin-left: 0px; }
.header-social li a {
	display: block;
	width: 51px;
	height: 51px;
	background-color: #000000;
	position: relative;
	text-align: center;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	transition: background-color .2s;
	-webkit-transition: background-color .2s;
	-moz-transition: background-color .2s;
}
.header-social li a:hover { background-color: #ff2e01; }
.header-social li a:before {
	content: '\f099';
	color: #FFFFFF;
	position: absolute;
	display: block;
	font-size: 30px;
	top: 14px;
	width: 100%;
	left: 1px;
}
.header-social li.facebook a:before { content: '\f09a'; left: 0; }
.header-social li.linkedin a:before { content: '\f0e1'; top: 12px; }

/* header contact */
.header-contact { display: block; float: left; width: 100%; padding: 0 20px; }
.header-contact li { color: #ea3301; font-weight: 100; padding: 0; margin: 0; }
.header-contact li.phone { font-weight: 400; }
.header-contact li.slogan:before {
	content: '';
	height: 1px;
	width: 60px;
	background-color: #ea3301;
	position: absolute;
	top: 0;
	display: block;
}
.header-contact li.slogan { position: relative; margin-top: 5px; padding-top: 5px; }

	/* media specific styles */
	@media(min-width: 768px){
		/* header title */
		.header-title { display: block; position: absolute; bottom: 10px; left: 30px; }
		.header-title h3 { font-family: Offside; font-size: 30px; }

		/* header social */
		.header-social {
			margin-top: 60px;
			padding-left: 20px;
			margin-bottom: 20px;
			text-align: left;
		}

		/* header contact */
		.header-contact li.slogan { width: 120px; }
	}
	@media(min-width: 1024px){
		/* header title */
		.header-title { bottom: 20px; }
	}