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

	.sideSpace1 {
		padding-left: 3vw;
		padding-right: 3vw;

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

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

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

	.h1 {
		font-size: 4vh;
	}

	.h2 {
		font-size: 3vh;
	}

	.h3 {
	font-size: 1.1vh;
	}

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

	.t1 {
		font-size: 2.2vh;
	}

	.t1 b {
		font-family:"acumin-pro-wide";
		font-weight:500;
	}

	.t2 {
		font-size: 1.8vh;
	}

	.t3 {
		font-size: 1.6vh;
	}

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

	.logo {
		height: 3vh;
		width: 26vw;	
	}

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

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


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

.intro {
	padding: 8vh 2vw 10vh 2vw;
}

.introGraphicBox {
	opacity: 0;
}

/* - - - - - - - - - - - - - - - - - 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 10vh 5vw;
	}

	.agencyLogoBox {
		gap: 5vh 2vw;
	}

	.agency {
		width: 35vw;
		height: 8.2vw;
	}

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

	.brandBox {
		overflow: hidden;
	}

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

	.brandBoxText {
		padding-top: 2vh;
		padding-bottom: 6vh;
		line-height: 1.35;
	}
/* - - - - - - - - - - - - - - - - - contact - - - - - - - - - - - - - - - - - */

	.meBox {
		height: 90.5vw;

	}

	.photoMe {
		width: 55vw;
	}

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

	.hHello2 {
		margin-left: -2vw;
	}

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

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

	.footerMenu {
		width: 70%;
	}

	.logoFooter {
		width: 35vw;
	}

	.copyright {
		margin-top: 3vh;
	}

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

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

}