/** HEADER **/
.header-wrapper {
	padding: 30px 0px;
}

.header-wrapper .header-logo {
	float: left;
	width: 248px;
}

.header-wrapper .header-logo img {
	width: 100%;
	max-height: 88px;
	max-width: 248px;
}

.header-wrapper .header-right {
	float: right;
	width: 560px;
	text-align: right;
}

.header-right .header-details {
	margin: 20px 0px 0px 0px;
	font-weight: bold;
}

.header-wrapper {
	background: rgb(47, 51, 51);
	background: rgba(47, 51, 51, 0.8);
	border-bottom: 5px solid #4EB96E;
	color: #FFFFFF;
}

.header-details .telephone {
	color: #4EB96E;
}

.header-details .telephone:hover {
	color: #FFFFFF;
}



/** RESPONSIVE **/
@media screen and (max-width:880px) {
	.header-wrapper .header-logo {
		float: none;
		display: block;
		clear: both;
		margin: 0px auto 30px auto;
	}

	.header-wrapper .header-right {
		float: none;
		display: block;
		clear: both;
		width: 100%;
		text-align: center;
	}

}

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

	.header-right .header-details {
		border-top: 1px dotted #666666;
	}

	.header-right .header-details .telephone {
		display: block;
		clear: both;
		padding: 20px 0px;
		font-size: 1.5em;
	}

	.header-right .header-details .email {
		display: block;
		clear: both;
	}

	.header-right .header-details .pipe {
		display: none;
	}


}