@media screen and (max-width:1200px){
	.device {
	    position: relative;
	    height: 290px;
	    width: 290px;
	    background: url('../img/jacket-small.png') no-repeat center center;
	}
	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%}
}
@media screen and (max-width:680px){
	.feature-content{width:60%;}
	.seal {top: 10px;left: 10px;width: 133px;height: 179px;}
}
@media screen and (max-width:640px){
	.use-btn{display:none;}
	footer li{display:block;text-align:left;padding:20px 0;border-bottom:dashed 1px rgba(130, 0, 130, 1.0);margin-right:0!important;float:none;}
	footer p {margin-top:40px;}
	nav{margin-top:0px;}
	.overlay ul{margin-left:0px;}
	.overlay ul li a{padding:20px 0;min-width:120px;font-size:12px;}
	.lyrics img {width: 300%;margin-left: -300px;}
	.seal {top: 10px;left: 10px;width: 133px;height: 179px;}
	/*.seal {width: 190px;height: 255px;}*/
}
@media screen and (max-width:465px){
	.hero h1{font-size:40px;margin:100px 0 45px 0}
	.screenshots ul li{width:100%;min-height:100%;float:none;}
	section.video i{font-size:30px;}
	section.video h1{font-size:30px;font-weight:400;}
	/*section.video{padding:40px;}*/
	.feature-content{width:100%;text-align:center;margin-top:20px;}
	.feature-icon{display:block;margin:0 auto;}
	blockquote p{width:60%;}
	.features-slider {padding: 11% 50px 10% 50px;}
	.lyrics div.container {min-height: 450px;}
	.hero {background: transparent url('../img/hero.jpg') no-repeat center center;background-size: 100% auto;}
	.seal {top: 5px;left: 5px;width: 95px;height: 128px;}
}