body{
	letter-spacing: 0;
}.v2, .v3{
	opacity: 0;
}nav a{
	border:0;
}#banner{
	width: 100%;
	overflow: hidden;
	position: relative;
	height: 380px;
}/*#banner section{
	width: 300%;
	position: absolute;
	left:-33%;
	top:0;
}#mask{
	width: 200%;
	margin-left: -33%;
}*/
#banner div{
	float: left;
	width: 100%;
	text-align: center;
	position: absolute;
	top:0;
}#banner span{
	background-color: #5a5a62;
	color: #ffffff;
	display: block;
	margin: 0;
	box-sizing: border-box;
	padding: 1.4em 4em;
	margin: -2px 0 0 0;
}#banner h2{
	font-size: 1.1em;
	font-weight:400;
	margin: 0;
}#banner p{
	margin: 0.5em 0 0 0;
	font-weight:300;
	font-size: 1.1em;
}strong{
	font-weight: 700;
}#projects.home {
	margin-top: 0;
}#projects.home .c4{
	text-align: center;
}
#mh{
	background-color: #1f1f1f;
	color: #fff;
	letter-spacing: 0.01em;
	position: relative;
}#mh .row{
	position: relative;
	padding-bottom: 0.75em;
}#mh a{
	color: #fff;
}#mh ul a{
 opacity: 0.95;
}#mh h1{
	font-size: 1.75em;
	font-weight: 400;
	margin:0.75em 2.8em 0.8em 1em;
}#mh strong{
	font-weight: 700;
}#mh nav > *{
	float: left;
}#mh ul#menu{
	width: 100%;
	margin-left:5.5em;
	text-align: center;
}#mh #lang{
	float: right;
	position: absolute;
	right: 0;
	font-size: 0.95em;
	margin: 1.3em 2em 0 0;
}#logo{
	position: absolute;
}#menu{
	font-size: 1.115em;
	margin: 0.9em 0;
}#menu li{
	margin: 0.8em 2.3em 0 0;
}.active{
	font-weight: 600;
}audio{
	background-color: #1f1f1f;
	border-radius: 1em;
	width: 100%;
}h3 + p{
	margin-top: -0.55em;
}


#bio img{
	float: left;
	margin: 0 2em 0 0;
}#bio > span{
	float: left;
	width:65%;
	margin: 1em 0 0 0;
}#bio h1{
	font-size: 1.8em;
	margin-top: 1.5em;
}#bio h1 span{
	font-weight: 400;
}#bio p{
	line-height: 1.6;
}

#bio2{
	font-size: 1.3em;
	letter-spacing: 0;
	line-height: 1.4;
}#bio2 .c7{
	font-size: 1.5em;
	text-align: left;
}#bio2 .c5{
	margin-top:7em;
	text-align: left;
}#qbg{
	background-color: #f3f3f3; width: 100%; padding: 0.5em 0 1em 1em;
}

#social a{
	background-image: url('../img/social2@1x.png');
	background-size: 270px 45px;
	width: 45px;
	height: 45px;
	display: block;
	margin: 0 0.35em;
	border:0;
	background-position: 0 0;
}#social #tw a{
	background-position: -45px 0;
}#social #gp a{
	background-position: -90px 0;
}#social #in a{
	background-position: -135px 0;
}#social #li a{
	background-position: -180px 0;
}#social #im a{
	background-position: -225px 0;
}

#ava{
	background-image: url('../img/av@1x.jpg');
	height: 242px;
	background-position: top center;
	color: rgba(255,255,255,0.93);
	margin: 4em 0 0 0;
}#ava h2{
	font-weight:400;
	line-height: 1.4;
}#ava a{
	color: rgba(255,255,255,0.93);
	font-weight:400;
	border-bottom: dotted 1px rgba(255,255,255,0.93);
}
footer{
	padding: 3em 0 ;
}#nf #sid{
	font-size: 2.35em;
	margin-top: 0em;
}

#nf{
	margin:4em 0; background-color: #f3f3f3;
	width:100%;
}#nf small{
	text-transform: uppercase;
	font-size:0.95em;
	margin-top: 0.5em;
	color:rgba(0,0,0,0.65);
}#nf h1{
	font-size: 1.55em; margin-top: 1em;
	color: rgba(0,0,0,0.8);
}#nf p{
	margin: 0.5em 0;
	color: rgba(0,0,0,0.8);
}.thumbnail{
	position: relative;
}
.c4{
	position: relative;
}
a.yt{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding-top: 61%;
	display: block;
	background-image: url('https://www.3spartnerships.co.uk/sites/all/themes/threesp/img/yt.png');
	background-repeat: no-repeat;
	background-size: 90px 61px;
	background-position: center center;
	z-index: 20;
}
.cf:after {
  content: "";
  display: table;
  clear: both;
}

#banner section > div{
	background-size:2000px auto; background-position: top center; height: 360px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 
    #social a{
    	background-image: url('../img/social2@2x.png');
    }
}