#header {
    background: #333;
    position: relative;
}

#header a {
	color:#000000;
	font-weight:bold;
}



footer {
    position: relative;
    height: auto;
    width: calc(100%);
    z-index: 1000;
    left: 0px;
    bottom: 0;
    background: #333;
    padding: 50px 0 0 0;
}



@media only screen and (min-width: 992px) { /*medium*/

	#header {
		background: transparent;
		position: absolute;
	}
	
	#mainMenu {
		display: block;    
		margin: 60px 0 0 0;
	}
	
	#mainMenu .col-12.col-xs-12.col-sm-12.col-md-2.col-lg-2.col-xl-2 {
		text-align: left;
	}
	
	#mainMenu a {
		font-size: 0.9vw;
		text-transform: uppercase;
	}
	
	#projectDetailLeftPanel {
		padding: 65% 30px 0 20px;
		background: #333;
		height: 100%;
	}

	#projectDetailRightPanel h2 {
		color: #437637;
		font-weight: bold;
		font-size: 1.8vw;
	}

	#projectDetailRightPanel h2 .tgreen {
		color: #243C26;
		font-weight: bold;
		font-size: 1.8vw;
	}
}


@media only screen and (min-width: 1200px) { /*large*/
	#header {
		background: transparent;
		position: absolute;
	}
}