.footersite { font-size: 11px; margin-top: 50px; font-weight: 400; color: #666; position: absolute; bottom: 20px; width: 100%; text-align: center; line-height: 18px; }

body, html {
	height: 100%;
}

.mainbox {
	height: 100%;
}

.siteimage {
	height: 100%; 
	background: url(img/site.jpg) no-repeat; 
	background-position-x: -300px;
	background-size: cover;
}

.content {
	padding: 100px;
}

.slogan {
	font-family: 'Roboto', sans-serif; 
	font-weight: 100; 
	font-size: 50px; 
	margin-top: 100px; 
	line-height: 55px;
}

.footer {
	font-size: 11px;
	padding-left: 100px;
	margin-top: 200px;
	color: #666;
	position: absolute;
	bottom: 10px;
}	

.footer a {
	color: #666;
}
	
@media only screen and (max-width:480px){
	img {
		width: 80%;
	}
	
	.start.bg img{
		width: 100%;
		box-shadow:none!important;
	}
	
	.slogan {
		font-size: 35px; 
		line-height: 40px;
	}

	.content {
		padding: 55px 15px 15px 15px;
	}
	
	.footer {
		font-size: 11px;
		padding-left: 15px;
		margin-top: 200px;
		color: #666;
	}

}