﻿html, body {
	height:100%;
		width:100%;
}

#home {
	background-image: url('http://test.lukeskinner.co.uk/img/test-bg-50.jpg');
 	position: fixed;
 	display: table;
 	top: 0;
 	left: 0;
 	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: top center;
	-webkit-transform: translateZ(0);
    transform: translateZ(0);
	will-change: transform;
	z-index: -1;
}
	
	section {
 	position: relative;
 	width: 100%;
 	height: 100%;
 	display: table;
}
.home-wrap {
 	clip: rect(0, auto, auto, 0);
 	position: absolute;
 	top: 0;
 	left: 0;
 	width: 100%;
 	height: 100%;
}

	#home h3 {
	color:#fff;
	font-size:1.5em;
	padding-top:20px;
}

.landing-logo {
	display:table-cell;
	text-align:center;
	vertical-align:middle;
}

.logo {
	width:30%;
	height:auto;
}

.padding {
	padding:80px 0;
}

.titles {
	padding-bottom:25px;
}

.intro {
	padding:0 10% 25px 10%;
}

footer {
	width:100%;
	background-color:#000000;
	padding:5% 5% 10% 5%;
	color:#ffffff;
	font-size:0.9em;
}

.fa {
	padding:15px;
	font-size:25px;
	color:#ffffff;
	
}

.fa:hover {
	color:#6B6B6B;
	text-decoration: none;
}



@media (max-width:768px) {
	.foot-mob {
		padding-bottom:25px;
		}
	
	.foot-first {
		padding-top:25px;
	}
	
	.logo {
	width:60%;
	height:auto;
}
	
	

}

			
	


/*--- iOS Fixed Image Fix
figure {
	position: relative;
	width: 100%;
	height: 60%;
}
.fixed-wrap {
	clip: rect(0, auto, auto, 0);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#fixed {
	background-image: url('img/background.jpg');
	position: fixed;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center center;
	-webkit-transform: translateZ(0);
          transform: translateZ(0);
	will-change: transform;
}
--*/

