@media only screen and (max-width: 640px) {
	
	/*landing*/
	.landing{
		background-image:url('../img/sm.png');
		background-repeat: no-repeat;
		background-size:cover;
	}

	.landinglogo{
		padding:20vh 0 0 15vw;
	}

	.landingcopy{

		padding:60vh 0 0 10vw;
		text-align:center;
	}

	.landingshape1{
		padding: 90vh 0 0 70vw;
	}

	.landingshape2{
		padding: 79vh 0 0 60vw;
	}

	/*about*/
	.about{
		height:270vh;
		overflow:hidden;
	}

	.aboutcopy{
		padding: 15vh 0 0 10vw;
		font-size:2em;
	}

	.aboutshape1{
		margin:0vh 0 0 10vw;
		width:20%;
	}

	.aboutshape3{
		margin:80vh 0vw 0 -100vw;
		width:180ex;
		z-index: -1;
		display:none;
	}

	.servicetitle1{

	}

	/*services*/

	.services{
		height:260vh;
	}

	/*works*/

	.works{
		height: 350vh;
	}
	
	.worksheader{

		padding: 0vh 0 0 25vw;
	}

	.worksimg1{
		width:90%;
		margin: 30vh 0 0 8vw;
	}

	.worksimg2{
		width:90%;
		margin:80vh 0 0 8vw;
	}

	.worksimg3{
		width:90%;
		margin:130vh 0 0 8vw;
	}

	.worksimg4{
		width:90%;
		margin:180vh 0 0 8vw;

	}

	.worksimg5{
		width:90%;
		margin:230vh 0 0 8vw;
	}

	.worksimg6{
		width:90%;
		margin: 280vh 0 0  8vw;
	}

	video{
		visibility: hidden;
	}

	svg {
		visibility: hidden;
	}
}