@media(max-width:1140px){
	.container{
		width: 100%;
		padding: 0 25px;
	}
}

@media(max-width:900px){
	body{
		padding-top: 0;
	}
	header, header.fixed{padding: 20px 0;background: blueviolet; box-shadow: 5px 5px 5px rgba(0,0,0,0.3); border-bottom: 1px solid #1e2964;}
	a.logo{float: left; margin-top: 0;}
	a.logo img{width: 150px; height: auto;}
	a.showmenu{
		display: block;
		position: absolute;
		width: 42px; height: 42px; line-height: 20px;
		color: #fff;
		font-size: 24px;
		top: 6px;
		right: 10px;
		border: 2px solid #fff;
		padding: 8px;
		border-radius: 50%; -webkit-border-radius: 50%;
		text-align: center;
	}
	a.hidemenu{
		display: none;
		position: fixed;
		width: 42px; height: 42px; line-break: 20px;
		color: #fff;
		font-size: 24px;
		top: 6px;
		right: 10px;
		z-index: 10;
		border: 2px solid #fff;
		padding: 8px;
		border-radius: 50%; -webkit-border-radius: 50%;
		text-align: center;
	}
	nav{
		display: none;
		position: fixed;
		left: 0; top: 0;
		background: rgba(0,0,0,0.9);
		width: 100%; height: 100%;
		z-index: 9;
		overflow-y: auto;
		padding: 100px 0;
	}
	nav ul{
		display: table;
		width: 180px;
		margin: 0 auto 0 auto;
		float: none;
	}
	nav ul li{
		float: left;
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}
	nav ul li:last-of-type{
		margin-bottom: 0;
	}
	nav ul li a{
		float: left;
		width: 100%;
		text-align: center;
	}
	/* BREAK */






	.banner{
		padding: 100px 0 40px 0;
	}
	.banner .image{
		display: table;
		width: 50%;
	}
	.banner .image img{
		float: left;
		width: 45%;
		height: auto;
		margin-right: 5%;
	}
	.banner .image img:last-of-type{
		margin-right: 0;
	}
	.banner .text{
		float: left;
		width: 40%;
		font-family: 'Inter';
		align-self: center;
	}
	.banner .text h2{
		font-size: 24px;
	}
	.banner .text p{
		font-size: 13px; line-height: 130%;
		margin-bottom: 20px;
	}
	/* BREAK */




	.about{
		padding: 40px 0;
	}
	.aboutbox .text h2{
		font-size: 24px;
	}
	.aboutbox .text p{
		font-size: 13px;
		margin-bottom: 30px;
	}
	.aboutbox .image{
		display: table;
	}
	/* BREAK */






	.features_and_download{
		margin:10px 0 40px 0;
	}
	.featureitems .item{
		margin: 0 0 30px 0;
		padding-left: 40px;
	}
	.featureitems .item:before{
  		font-size:24px;
	}
	.featureitems .item h3{
		font-size:15px;
	}
	.featureitems .item p{
		font-size:13px; line-height: 130%;
	}
	/* BREAK */







	.downloadbuttons{
		margin:40px 0;
	}
	.downloadbuttons h2{
		font-size: 24px;
		margin-bottom: 20px;
	}
	.downloadbuttons a.appbtn{
		width: 220px;
		margin:5px;
	}
	.downloadbuttons a.appbtn img{
		float: left;
		width: 24px; height: 24px;
		margin: 0 10px 0 0;
	} 
	.downloadbuttons a.appbtn .info h4{
		font-size:10px;
	}
	.downloadbuttons a.appbtn .info h3{
		font-size:15px;;
	}
	/* BREAK */





	.contact{
		padding: 60px 0;
	}
	.contact .headings{
		float: left;
		width: 100%;
	}
	.contact .headings h2{
		font-size: 24px; line-height: 110%;
		margin-bottom: 10px;
	}
	.contact ul{
		float: left;
		width: 100%;
		padding: 25px;
		margin-top: 10px;
	}
	.contact ul li{
		font-size: 13px;
	}
	/* BREAK */




	footer{
		padding: 30px 0;
	}
	/* BREAK */
}






@media(max-width:540px){
	.banner .image{
		display: table;
		width: 100%;
		margin-bottom: 30px;
	}
	.banner .text{
		width: 100%;
	}
	/* BREAK */




	.aboutbox .image{
		float: left;
		width: 100%;
		margin-bottom: 30px;
	}
	.aboutbox .text{
		float: left;
		width: 100%;
	}
	.aboutbox .text h2{
		margin-bottom: 10px;
	}
	/* BREAK */




	.featureitems{;
		gap: 0%;
	}
	.featureitems .item{
		float: left;
		width: 100%;
		margin: 0 0 40px 0;
		position: relative;
		padding-left: 40px;
	}
	/* BREAK */






	footer .copyright{
		float: left;
		width: 100%;
		margin-bottom: 20px;
		font-size: 13px;
	}
	footer .social{
		float: left;
	}
	footer .social a{
		font-size: 13px;
		margin-left: 0; margin-right: 10px;
	}
	footer .social a:last-of-type{
		margin-right: 0;
	}
	/* BREAK */
}