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




	a.showmenu{
		display: block;
		position: fixed;
		width: 42px; height: 42px; line-break: 42px;
		color: #fff;
		font-size: 42px;
		top: 20px;
		right: 30px;
	}
	a.hidemenu{
		display: none;
		position: fixed;
		width: 42px; height: 42px; line-break: 42px;
		color: #fff;
		font-size: 42px;
		top: 10px;
		right: 10px;
		z-index: 10;
	}






	.about{
		padding: 60px 0 0 0;
	}
	.about .text{
	}
	.about .text h2{
		width: 100%;
		font-size: 36px;
		color: #000;
		margin-bottom: 30px;
	}
	.about .text .para{
		width: 100%;
	}
	/*.about .visual{*/
	/*	margin-top: 30px;*/
	/*}*/




	.projects{
		padding: 60px 0;
	}
	.project-item{
		margin-bottom: 60px;
	}
	.project-item .text h3{
		font-size: 36px;
		margin-bottom: 30px;
	}




	.contact{
		padding: 60px 0;
	}
	.contact h2{
		font-size: 48px;
		margin-bottom: 30px;
	}
}




@media(max-width:540px){
	.services-items .item{
		width: 100%;
	}


	.project-item .text, .project-item .visual{
		width: 100%;
	}
	.project-item .text{
		margin-bottom: 20px;
	}



}