.body_content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	
	z-index: -10;
	zoom: 1;
	
	
	background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-position: center 0;
}
body{
    background: url(../img/bg.png) no-repeat;
}
@media screen and (min-width: 1024px) {
    .body_content{
        background: url(../img/bg.png) no-repeat;
		height: 100%;
    }
	.app-btn-right{
		margin-left: 20px;
	}
	.right-content{
		padding-left: 80px;
		color: #FFFFFF;
	}
	.title{
		margin-top: 100px;
		font-size: 68px;
	}
	.subhead{
		margin-top: 40px;
		font-size: 40px;
	}
	.item-desc{
		margin-top: 30px;
		font-size: 20px;
		color: #FFFFFF;
		opacity: 0.8;
		margin-bottom: 50px;
		text-spacing: 3px;
		letter-spacing: 3px;
	}
	.footer{
		width: 100%;
		font-size: 16px;
		color: #FFFFFF;
		/*position: absolute;*/
		/*bottom: 20px;*/
		bottom: 10px;
		left:120px;
		/*text-align: center;*/
	}
}
@media screen and (max-width:1200px) and (min-width:320px) {
    .body_content{
        background-color: #fa4343;
		padding-bottom: 100px;
    }
	.app-btn-box{
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		text-align: center;
		background-color: #fa4343;
		padding: 15px 0;
		z-index: 999;
	}
	.app-btn-box a{
		width: 120px;
		display: inline-block;
	}
	.app-btn-box a img{
		width: 100%;
	}
	.right-content{
		color: #FFFFFF;
	}
	.title{
		margin-top: 20px;
		font-size: 28px;
	}
	.subhead{
		margin-top: 20px;
		font-size: 22px;
	}
	.item-desc{
		margin-top: 20px;
		font-size: 16px;
		color: #FFFFFF;
		opacity: 0.8;
		margin-bottom: 50px;
		text-spacing: 3px;
		letter-spacing: 3px;
	}
	.footer{
		width: 100%;
		font-size: 16px;
		color: #FFFFFF;
		/*position: absolute;*/
		bottom: 90px;
		text-align: center;
	}
}

.footer a{
	color: #FFFFFF;
}
.logo{
	margin: 50px 0;
}
.screenshot{
	width: 100%;
}


@media screen and (min-width: 1024px) {
    .logo{
        display: flex;
    }
    .nav-div{
        display: inline-block;
        float: right;
        margin-left: 100px;
    }
    .topnav{
        color: #fff;
        font-size: 32px;
        display: inline-block;
        padding: 20px 0;
        margin-left: 30px;
        text-decoration:underline;
    }
    .about-box{
    	text-indent:50px;
    	letter-spacing:5px;
    	padding:40px;
    	font-size:26px;
    	background-color: #fff;
    	border-radius: 20px;
    	line-height: 60px;
    }
}
@media screen and (max-width:1200px) and (min-width:320px) {
    .nav-div{
        display: inline-block;
    }
    .topnav{
        color: #fff;
        font-size: 24px;
        display: inline-block;
        padding: 20px 0;
        margin-left: 10px;
        text-decoration:underline;
    }
    .about-box{
    	text-indent:50px;
    	letter-spacing:5px;
    	padding:10px;
    	font-size:20px;
    	background-color: #fff;
    	border-radius: 20px;
    	line-height: 60px;
    }
}
