@media only screen and (max-width: 1000px) {
	.item .box{
		width:30%;
	}
	.item p{line-height:normal!important;}
	.item.main p{
		max-width:70%!important;
	}
}
@media only screen and (max-width: 800px) {
	.item .box{
		position:static;
		width:100%;
		padding:0;
	}
	.item:not(.main){
		height:auto!important;
		padding-top:56.25%;
		background-size:100% auto;
		background-position:center top;
		background-color:black;
		/* padding-bottom:30px; */
	}
	.item{background-attachment:scroll;}
	.item.main{
		height:auto!important;
	}
	.item.main .content{
		position:static;
		padding:40px 0 40px 0;
	}
	.item.main p{
		max-width:90%!important;
	}
	.item.main .menu{
		padding-bottom:40px;
	}
	#logo{
		padding:30px 0;
	}
	.item .arrow{
		padding-bottom:30px;
	}
	.item .box .inner{
		background:none;
		padding:4%;
	}
	.item.main .inner:last-child{padding-bottom:30px;}
	#logo{
		max-width:300px;
	}
}
@media only screen and (max-width: 500px){
	.item.main .menu{padding-bottom:70px;}
	.item.main .menu ul li{margin:5px;}
}