@charset "UTF-8";
/* CSS Document */

/* ********************************
PORTFOLIO MAIN
*********************************** */
.portfolio-main h1{
	max-width: 980px;
}
.portfolio-site{
	background-color: #F3F3F3;
}

/*Change Color on Button */
.portfolio-site .ending a{
	background-color: #fff;
}


@media(max-width: 639px){
	.portfolio-main{
		padding-top: 5px;
	}
	.portfolio-main h1{
		padding-top: 60px;
	}
}


/*********************************
KONTAKT/ABOUT
************************************/
.about{
	padding: 0;
}

.about .vollbild-fixed{
	height: 100vh;
	background: url("../img/about/samira-ehe.jpg") center center no-repeat;
	background-size: cover;
}

/*medium and small*/
@media(max-width: 1024px){
	.about .vollbild-fixed{
	height: 70vh;
	}
}


/*********************************
AR-FROSCH
************************************/
video {
  max-width: 100%;
  height: auto;
}
.fixVideoBug{
	margin-top: -7px;
}



/*********************************
PROJECT INCEPTION
************************************/
.project-inception .p-small{
	margin-top: 36px;
}
.project-inception .scroll-side img{
	border-bottom: 1px solid #000;
}

/*********************************
PROJECT VISUAL DESIGN
************************************/
.project-container{
	padding: 6em 0;
}
.project-container h2{
	padding-bottom: 20px;
	padding-left: 15px;
}
#cloud-storage img{
	padding: 0px 15px 20px 15px;
}
@media(max-width: 639px){
	.project-container{
	padding: 2em 0;
	}
	.project-container h2{
	padding-bottom: 0px;
	padding-left: 4px;
	}
}
/*********************************
PROJECT PANAMA PAPERS
************************************/
.project-panama #illustration{
	display: inherit;
	margin: 0 auto;
	padding: 4em 0;
}

/*********************************
PROJECT MEMORY CUBE
************************************/
@media(max-width: 1024px){
	.project-memory-cube .vollbild-fixed{
		height: 100%;
	}
}

/*********************************
PROJECT SPACE RACE
************************************/
.project-spacerace .scroll-side{
	padding: 0.8em 0;
	
}
.project-spacerace .scroll-side img, .project-spacerace .scroll-side video{
	box-shadow: 0px 4px 8px grey;
}
.project-spacerace .image-container img{
	padding: 0px;
}
.project-spacerace .image-container{
	width: 92%;
	padding: 0.8em 0;
}