body{
	font-size:13px;
	font-family: Arial, serif;
}ul.dis{
	list-style-type: none;
	margin: 0;
	padding: 0;
}ul.dis li{
	display: inline-block;
	margin: 0 0.5em;
}

a.nbs{
	background-color:#e3c244;
	color: #fff;
}.tng{
	background-color:#f9f4f4;
	color:rgba(0,0,0,0.94);
}.etz{
	background-color:#2cb5b5;
	color: #fff;
}.eac{
	background-color:rgba(205,23,25,1);
	color: #fff;

}.etng{
	background-color:#f9f4f4;
	color: #000;
}.enbs{
	background-color:#e3c244;
	color: #fff;
}.tz a{
	color:#2cb5b5;
}.nbs a{
	color:#e3c244;
}.tng a{
	color:#f9f4f4;
}

body > header{
	z-index: 4;
	letter-spacing: 0.02em;
	width:100%;
	background-color: rgba(205,23,25,1);
	text-align:center;
	height: 55px;
	box-shadow: 0 0 8px 0 rgba(0,0,0,0.15);
}header a{
	color: rgba(255,255,255,1);
	text-decoration: none;
}nav, main{
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
}#proj li{
	margin: 0;
	font-size: 1.1em;
}#proj a{
	margin: 0 -0.15em; /* fix this */
	padding: 1.4em 0;
	display: block;
	width: 200px;
	font-weight: 600;
	box-shadow: 0 0 8px 0 rgba(0,0,0,0.05);
}#proj a.active{
	padding: 1.75em 0 3em 0;
}#logo{
	width: 105px;
	position: absolute;
	float: left;
	left:10px; top:4px;
}ul#min{
	position: absolute;
	right:0;
	top:20px;
	font-size: 1em;
}main{
	position: relative;
	z-index: 2;
	text-align: left;
	padding-bottom: 6em;
}header h1{
	margin:0;
	padding:4.5em 0 0.5em 0;
	font-family: fatfrank, sans-serif;
	font-weight: 400;
	font-style: normal;
	letter-spacing: 0.02em;
	font-size: 3.7em;
	text-shadow: 0 0 12px 0 rgba(0,0,0,0.2);
}.cont{
	max-width: 790px;
	width:90%;
	margin:0 5%;
}.cont p{ 
	max-width: 600px;

}main header{
	background-size: 800px auto;
	background-repeat: no-repeat;
	background-position: center right;
	background-blend-mode: overlay;
}nav.in {
	margin: 1em 0 3.5em 0;
}nav.in a{
	font-family: fatfrank, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1.9em;
	letter-spacing: 0.05em;
	text-decoration: none;
}nav.in li{
	margin: 0 3em 0 0;
}nav.in a.active{
	border-bottom:solid 5px #2cb5b5;
	padding-bottom: 0.125em;
}main h2{
	margin: 2em 0 0 0;
	font-size: 1.2em;
}main h2 + p{
	margin-top: 0.5em;
}
.row{
	width:100%; clear: both; float: left; margin-bottom:30px;
}
.child{
	max-width:200px; float: left; display: block;
	margin-right: 30px;
	min-height: 380px;
}.child img{
	max-width: 100%;
}.child .btn{
	display: inline-block;
	background-color:#2cb5b5;
	color: #fff;
	padding: 1em 2em;
	margin: -30px 0 0 15px;
	font-weight: bold;
}.child h2{
	margin-top: 0.5em;
	color: #2cb5b5;
}footer{
	padding: 2em 0 5em 0;
	opacity: 0.6;
}.ra{
	float: right;
	width: 400px;
	margin: 0.5em 1em 1em 1em;
}.nbs .ra{
	width: 500px;
	margin: 1em -26% 2em 2em;
}


.vEmbed{
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 43%;
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
}.vEmbed iframe{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.vEmbed.ra{
	width: 500px;
	margin: -0.5em -26% 1em 2em;
}

.cont img{
	float: right;
	width: 400px;
	margin: 0.5em 1em 1em 1em;
}

@media only screen and (max-width: 1400px) {
  .nbs .ra{
    margin-right: 0;
    width: 400px;
  }
}

@media only screen and (max-width: 780px) {
  .nbs .ra{
    margin: 1em;
    width: 100%;
  }
}

.nbsbtn{
	background-color:#e3c244;
	color: #fff;
	font-family: fatfrank, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1.8em;
	text-decoration: none;
	padding: 0.5em;
	margin:1em 1em 1em 0;
}