@media screen and (max-width:1200px){
	.device { 
		left: 20%; top: -36px;
	}
	footer li {
		margin-right: 10%;
	}
	.feature-content {width: 55%;}
}
@media screen and (max-width:991px){
	.feature-1, .feature-2 {
		margin-bottom: 50px;
	}
	.device {
		display: none;
	}
	.screenshots ul li {
		width: 50%;
	}
	.screenshots-intro {
		padding: 110px 0 100px 0;
	}
	.feature-content {
		width:80%;
	}
	.features-slider {
		height: 100%
	}
	footer li {
		display: block;
		text-align: center;
		padding: 20px 0;
		border-bottom: 1px solid #a8a5a3; /* KID GRAU */
		margin-right: 0 !important;
		float: none;	
	}
}
@media screen and (max-width:680px) {
	.feature-content {
		width: 60%;
	}
	footer li {
		display: block;
		text-align: center;
		padding: 20px 0;
		border-bottom: 1px solid #a8a5a3; /* KID GRAU */
		margin-right: 0 !important;
		float: none;	
	}
}
@media screen and (max-width:640px) {
	.use-btn {
		display: none;	
	}
	footer li {
		display: block;
		text-align: center;
		padding: 20px 0;
		border-bottom: 1px solid #a8a5a3; /* KID GRAU */
		margin-right: 0 !important;
		float: none;	
	}
	nav {
		margin-top: 40px;	
	}
	.overlay ul {
		margin-left: 0px;	
	}
	overlay ul li a {
		padding: 15px 0;
		min-width: 120px;
		font-size: 8px;	
	}
}

@media screen and (max-width:465px) {
	.hero h1 {
		font-size: 22px;
		margin: 100px 0 45px 0;	
	}
	.screenshots-intro {
		margin: 0 auto;
		text-align: center;	
	}
	.screenshots ul li {
		width: 100%;
		min-height: 100%;
		float: none;	
	}
	section.video i {
		font-size: 30px;	
	}
	section.video h1 {
		font-size: 22px;
		font-weight: 400;	
	}
	section.video {
		padding: 40px;	
	}
	section.screenshots-intro h1 {
		font-size: 22px;
	}
	.feature-content {
		width: 100%;
		text-align: center;
		margin-top: 20px;	
	}
	.feature-icon {
		display: block;
		margin: 0 auto;	
	}
	.feature-icon-content {
		display:block;
		margin:0 auto;
		text-align:center;
	}
	.features-slider {
		padding: 11% 50px 10% 50px;	
	}
	blockquote p {
		width: 60%;	
	}
	.hero {
		padding: 35px 0 35px 0;
		min-height: 450px;	
	}
	.hero a img {
		width: 70%;
		height: auto;	
	}
	button.accordion {
		font-size: 22px;	
		text-align: center;
	}
}