a{
	color: orange;
	text-decoration:none;
	font-size: 12px;
	font-weight: bold;
}

a:hover{
	color:white;
}

body{
	background-image: url('img/portfolio/P1_01.png');
	background-color:black;
	background-size: cover;
	background-repeat:no-repeat;
	font-family: Tahoma, Arial;
	font-weight: normal;
	margin:0px;
	color:white;
	
}

#main-header{
	background: rgba(25,25,25, 0.95);
	color: white;
	position:fixed;
	top:0;
	width:100%;
	height:100px;
	margin:0px;
	padding-left:25px;
	font-size:15px;
	vertical-align:top;
}

#impressum{
		color:rgba(90,90,90,0.9)
}
#main-footer{
	text-align: center;
}

.main-content{
	left:10%;
	width:70%;
	margin:auto;
	padding:0px;
	margin-top:110px;
}

.page-title{
	margin:0px;
	padding-top:20px;
	font-size:23px;
	font-weight:bold;
}

.navigation-bar ul{	
	list-style:none;
	padding:0;
	margin:0px;
}
.navigation-bar li{
	text-transform:uppercase;
	display: inline-block;
	font-size:25px;
	padding-right:45px;
	padding-left:0px;
}
.side-bar ul{	
	position:fixed;
	list-style:none;
	padding-inline-start:25px;
	margin:0px;
}
.text-container{	
	margin-right:0;
	background:rgba(15,15,20, 0.95);
	color:rgba(220,220,220,0.9);
	width:100%;
	padding:5px 10px 5px 25px;
	margin-top:0px;
	margin-bottom:25px;
	box-sizing:border-box;
}

.project-image img{
	box-sizing:border-box;
	width:100%;
	height:100%;
	margin:10px 0 0 0;
	vertical-align:bottom;
}

.project-container{	
	
}

.project-thumb{
	width:100%;
	margin:10px 0px;
	z-index: 2;
}

.project-thumb img{
	max-width:100%;
	max-height:100%;
}

.project-thumb:hover img{
	border-left: orange solid 10px;
	box-shadow: 0 0 2px 1px orange;
}

.readMore{
	text-align: right;
	padding-right: 20px;
	color: orange;
}

.embd-video iframe{
    width: 100%;
	min-height:760px;
}
@media only screen and (max-width: 1600px){
	.embd-video iframe {min-height:600px;}
}

@media only screen and (max-width: 1215px){
	.main-content {width:95%;}
	.main-content {margin-top:160px;}
	.embd-video iframe {min-height:500px;}
	.side-bar {display:none;}
	.page-title{font-size:45px;}
	#main-header{height:150px;}
	.navigation-bar a{font-size:1.2em;}
	.navigation-bar ul{font-size:50px;}
}

@media only screen and (max-width: 800px){
	.embd-video iframe {min-height:400px;}
	.page-title{font-size:35px;}
	.navigation-bar a{font-size:0.8em;}
}