@media only screen and (min-width: 480px) and (max-width: 1000px) {

	.sideSpace2 {
	padding-left: 8vw;
	padding-right: 8vw;
	}

	.sideSpace3 {
		padding-left: 10vw;
		padding-right: 10vw;
	}

/* - - - - - - - - - - - - - - - - - typo - - - - - - - - - - - - - - - - - */

	.h1 {
		font-size: 5vh;
	}

	.h2 {
		font-size: 3vh;
	}

	.h3 {
	font-size: 1.1vh;
	}

	.h4 {
		font-size: 1.8vh;
		padding-bottom: 0.9vh;
	}

	.t1 {
		font-size: 2.6vh;
	}

	.t2 {
		font-size: 2vh;
	}

	.t3 {
		font-size: 1.8vh;
	}

/* - - - - - - - - - - - - - - - - - navigation - - - - - - - - - - - - - - - - - */
	.header {
		height: 8vh;
	}

	.logo {
		height: 3.2vh;
		width: 16vw;
	}

/* - - - - - - - - - - - - - - - - - stage - - - - - - - - - - - - - - - - - */

	.stage {
		width: 100vw;
		height: 50vh;
	}


/* - - - - - - - - - - - - - - - - - intro - - - - - - - - - - - - - - - - - */

.intro {
	padding: 14vh 5vw 15vh 5vw;
}

.introGraphicBox {
	opacity: 0;
}

.introGraphic1 {
	width: 11vh;
	height: 11vh;
	top: 9vh;
	left: 26%;
}

.introGraphic2 {
	width: 28vh;
	height: 32vh;
	top: 50vh;
	left: 85%;
}

.introGraphic3 {
	width: 29vh;
	top: 80vh;
	left: 17%;
}


/* - - - - - - - - - - - - - - - - - clients & agencies - - - - - - - - - - - - - - - - - */
	
	.clientsBox {
		padding: 8vh 0 10vh 0;
	}

	.client {
		gap: 3.5vw;
	}

	.clientName {
		font-size: 11vw;
	}

	.clientsStripe {
		gap: 3.2vw;
		
	}

	#animateScroll1 {
		margin-top: 7vh;
	}

	.t3c {
		font-size: 2vw;
	}

	.agenciesBox {
		padding: 8vh 5vw 11vh 5vw;
	}


/* - - - - - - - - - - - - - - - - - brandBox - - - - - - - - - - - - - - - - - */

	.brandBox {
		overflow: hidden;
	}

	.brandBox img {
		width: 110%;
		margin-left: -5%;
	}


/* - - - - - - - - - - - - - - - - - contact - - - - - - - - - - - - - - - - - */

	.meBox {
		height: 72vw;

	}

	.hHello2 {
		font-size: 19vw;
	}

	.photoMe {
		width: 35vw;
	}

	.contactBox {
		padding: 3vh 5vw 8vh 5vw;
	}


/* - - - - - - - - - - - - - - - - - footer - - - - - - - - - - - - - - - - - */

	.footer {
		padding-top: 8vh;
		padding-bottom: 5vh;
	}

	.footerMenu {
		width: 70%;
	}

	.logoFooter {
		height: 3.2vh;
		width: 16vw;	
	}

	.copyright {
		margin-top: 3vh;
	}

/* - - - - - - - - - - - - - - - - - impressum - - - - - - - - - - - - - - - - - */

	.impressum {
		padding-top: 11vh;
		padding-bottom: 2vh;
		width: 90vw;
	}

}