@media (max-width: 720px){
	header h1{
		font-size: 20px;
		transform: scale(1.3);	
	}
	@keyframes typein{
	from{width: 0ch;}
	to{width: 33ch;}
	}
	.welcome{
		background-size: 80%;
	}
	.video{
		width: 100%;
		height: 450px;
		align-items: normal;
	}
	.video video{
		visibility: hidden;
		width: 0%;
		height: 0%;
	}

	.video .services{
		transform: scale(0.6);
		left: 0%;
		top: -30px;
	}
	@keyframes intro{
	0%{transform: scale(0.5);opacity: 20%}
	50%{transform: scale(1.01);opacity: 50%}
	100%{transform: scale(0.9);opacity: 100%}
	}
	.video .serviceimg{
		position: relative;
		left: 30%;
		width: 60%;
		height: 100%;
	}

	.video .serviceimg img{
		width: 100%;
		height: 50%;
	}

	footer{
		padding: 0px;
	}
	header{
		height: 100px;
		background-attachment: scroll;
	}
	header h1{
	transform: scale(0.9);
	}
	#menuic{
		transform: scale(0.7);
	}
	nav{
		width: 35%;
	}
	nav ul li{
		margin-bottom: 10px;
	}
	.contact .form{
	height: 1226px;
	}

}

@media (min-width: 720px) and (max-width: 1024px){
	header h1{transform: scale(1.2);}
	.intro{
		height: auto;
	}
	.welcome{
		background-size: 70%;
	}
	.video .serviceimg{
		width: 0%;
		height: 0%;
		visibility: hidden;
	}

	.video .serviceimg img{
		width: 0%;
		height: 0%;
		visibility: hidden;
	}
	.contact .form{
	height: 1180px;
	}
}