@media only screen and (max-width: 1024px){


	.container{
		width: 100%;
	}

	#about{
		position: relative;
		padding-bottom: 100px !important;
	}

	#services{
		text-align: center;
	}

	.service{
		float: none;
		display: inline-block;
		text-align: center;
		width: 30% !important;
		height: 250px !important;
	}

	header nav{
		display: none !important;
	}

	.mobile-menu{
		display: block !important;
		position: relative;
		z-index: 50;
		bottom: -50px;
		left: 0;
		max-height: 300px;
		width: 100%;
	}

	.mobile-menu a{
		color: #fff;
		display: block;
		padding: 15px;
		font-size: 13px;
		font-weight: 600;
		border-bottom: 1px solid #363636;
		background: rgba(0,0,0,0.5);
	}

}