* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
}

img {
	max-width: 100%;
	width: 100%;
}

a {
	text-decoration: none;
	color: #cfde00;
	transition:  all 0.2s linear 0.1s;
}

a:hover{
	text-decoration: underline;
	transition:  all 0.2s linear 0s;
}

a span {
	cursor: pointer;
}

ul,li {
	list-style: none;
}

html,body {
	width: 100%;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

.inner{
    margin: 0 auto;
    max-width: 90%;
}

body{
	text-align: left;
    width: 100%;
    color: #fff;
    line-height: 17px;
    font-size: 13px;
    font-weight: 300;
    font-family: 'Open Sans', sans-serif;
    position: relative;
    min-height: 100vh;
	background-image: url('images/background.jpg');
	background-size: cover;
}

h1{
	display: none;
}

header{
	height: 180px;
	padding-bottom: 100px; 
}

header .logo{
	padding: 58px 0;
	display: block;
	float: left;
}

body .inner .title{
	font-size: 28px;
	line-height: 32px;
	color: #cfde00;
	display: block;
	padding-bottom: 5px;
}

body .inner .subtitle{
	font-size: 20px;
	line-height: 24px;
	display: block;
	padding-bottom: 64px;
}

footer {
	width: 100%;
	height: 57px;
	float: left;
	margin-top: 50px;
	line-height: 57px;
}

footer .signature a{
	float: left;
	display: block;
	height: 20px;
	margin: 17px 30px 0 0;
}

footer .signature a img{
	float: left;
}

footer .signature span{
	display: inline-block;
}

footer .inner .social{
	float: left;
	width: 100%;
}

.inner .social li a{
	float: right;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 15px;
	color: #fff;
	margin-top: 17px;
}

.inner .social .facebook a{
	background-color: #3b5998;
}

.inner .social .linkedin a{
	background-color: #007bb6;
}

.inner .social .googleplus a{
	background-color: #dd4b39;
}

@media only screen and (min-width: 600px){

	body .inner .title{
	font-size: 48px;
	line-height: 52px;
	padding-bottom: 7px;
	}

	body .inner .subtitle{
	font-size: 30px;
	line-height: 34px;
	width: 75%;
	}

	footer {
	display: block;
	}

	footer .signature{
	float: left;
	display: block;
	height: 57px;
	width: 70%;
	}

	footer .inner .social{
	float: right;
	width: 25%;
	height: 57px;
	}

	.inner .social li a:hover{
	height: 44px;
	margin-top: 13px;
	}


}

@media only screen and (min-height: 600px){

	footer{
	position: absolute;
	bottom: 0;
	margin-top: 0;
	}
}