header{

	background-attachment: fixed;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
	color: #fff;
	font-family: 'Ubuntu Condensed', sans-serif;
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
	position: fixed;
	width: 100%;
	z-index:2;
}
header img {
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
header.home {
  	background-image: url("../img/skyline2.jpg");
}
footer.home {
  	background-image: url("../img/skyline2.jpg");
}
header.contact {
  	background-image: url("../img/skyline6.jpg");
}
footer.contact {
  	background-image: url("../img/skyline6.jpg");
}
header.webdesign {
  	background-image: url("../img/skyline1.jpg");
}
footer.webdesign {
  	background-image: url("../img/skyline1.jpg");
}
header.websiteoptimisation {
  	background-image: url("../img/skyline3.jpg");
}
footer.websiteoptimisation {
  	background-image: url("../img/skyline3.jpg");
}
header.hosting {
  	background-image: url("../img/skyline4.jpg");
}
footer.hosting {
  	background-image: url("../img/skyline4.jpg");
}
header.sitemap {
  	background-image: url("../img/skyline5.jpg");
}
footer.sitemap {
  	background-image: url("../img/skyline5.jpg");
}

p.position {
	color: #fff !important;
}
.BWDlogo {
	float: left;
}
header h1.left {
	float: left;
}
header p.right {
	float: right;
}
.clear {
	clear:both;
}
header h1 a{
	text-decoration:none;
	color:#fff;
}
.ULleft {
	float:left;
	width: 40%;
	margin-left: 40px;
	margin-bottom: 10px;
	font-size: 20px;
	font-weight: 300;
	color: #A76500;
}
.ULleft1 {
	width: 80%;
	margin-left: 40px;
	margin-bottom: 10px;
	font-size: 20px;
	font-weight: 300;
	color: #A76500;
}
.ULleft2 a {
	margin-left: 40px;
	margin-bottom: 10px;
	font-size: 28px;
	font-weight: 300;
	color: #A76500;
	text-decoration: none;
}

@media screen and (min-width: 1071px) {
	p.position {
		position: relative;
		top:300px;
		font-size: 36px !important; 
		line-height: 50px;
		font-weight: 700;
	}
.cd-primary-nav a {
    font-size: 4em;
}
header {
	height: 120px;
}
}
@media screen and (max-width: 1070px) {
	.position {
		position: relative;
		top:300px;
		font-size: 36px !important; 
		line-height: 50px;
		font-weight: 700;
	}
.cd-primary-nav a {
    font-size: 3.5em;
}
}
@media screen and (max-width: 910px) {
.BWDlogo {
	width: 650px;
	padding-top: 10px;
}
.position {
		position: relative;
		top:300px;
		font-size: 30px !important; 
		line-height: 50px;
		font-weight: 700;
	}
.cd-primary-nav a {
    font-size: 3em;
}
}
@media screen and (max-width: 831px) {
.BWDlogo {
	width: 550px;
	padding-top: 15px;
}
}
@media screen and (max-width: 731px) {
.BWDlogo {
	width: 500px;
	padding-top: 15px;
}
}
@media screen and (max-width: 681px) {
header {
	height: 100px;
}
.BWDlogo {
	width: 500px;
	padding-top:15px;
}
.hidden {
		display: none;
	}
.cd-primary-nav a {
    font-size: 2.5em;
}
.position {
		position: relative;
		top:150px;
		font-size: 24px !important; 
		line-height: 50px;
		font-weight: 700;
	}
}
@media screen and (max-width: 560px) {
header {
	height: 80px;
}
.BWDlogo {
	width: 400px;
	padding-top:15px;
}
}
@media screen and (max-width: 460px) {
.BWDlogo {
	width: 350px;
	padding-top:15px;
}
}
@media screen and (max-width: 410px) {
.BWDlogo {
	width: 300px;
	padding-top:15px;
}
}
@media screen and (max-width: 355px) {
.BWDlogo {
	width: 260px;
	padding-top:15px;
}
.position {
		position: relative;
		top:100px;
		font-size: 24px !important; 
		line-height: 50px;
		font-weight: 700;
	}

}
@media screen and (max-width: 315px) {
.BWDlogo {
	width: 230px;
	padding-top:15px;
}
}