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

body{
	width: 100%;
	margin: 0;
	padding: 0;
	float:left;
	background-attachment: fixed;
    background-image: url("images/background.png");
    background-size: 100% auto;
<style>
  @import url("https://use.typekit.net/cna2atm.css");
</style>
font-family: "Gill Sans","Gill Sans MT","Myriad Pro","DejaVu Sans Condensed",Helvetica,Arial,sans-serif;
font-weight: 100;
}
#wrapper{
	background-image: url("images/header.png");
background-size: 100% auto;
background-repeat: no-repeat;
margin-left: 0;
width: 100%;
float: left;
}
#container{
	margin-left: 22%;
	margin-right: 19%;
	}
#header{
    clear: both;
	margin-top:5vw;
    position: relative;
}
.headbox{
color: #FFF;
width: 20%;
z-index: 100;
float: left;
margin-left: 0;
margin-top: 3%;
}
.headbox h1{
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size: calc(150% + 1vw);
	margin-bottom: 0;
	margin-left: 5px;
	margin-top: 0;
	padding-top: 0;
		}
.headbox p {
    margin-bottom: 5px;
    margin-left: 5px;
    margin-top: -2px;
		}
#menu{
font-family: din-condensed, sans-serif;
font-style: normal;
font-weight: 300;
width: 20%;
z-index: 100;
float: right;
margin-top: 2%;
	}
#menu li{
	float: left;
	list-style: outside none none;
	margin-bottom: 1%;
	padding-top: 1%;
	clear: both;
	font-size:1vw;
	}
.lileft{
padding-left: 10%;
padding-right: 20%;
text-align: right;
	}
.liright{
padding-right: 26%;
text-align: right;
padding-left: 20%;
}
#menufirst{
	margin-left: 20%;}
#menufirstcontact{
	margin-left: 83px;}
#menusecond{
    }
#menusecondbio{
	margin-left: -22px;}
#menuthird{
 margin-left: 8%;
margin-right: 10%;}
#menuthirdmore{
    margin-left: 83px;}
.itemcolorchange{
    background: none repeat scroll 0 0 #000;
    display: inline;
}
.fadeblock{
	background-image: none;
	background-repeat:repeat-x;
	background-size: contain;
	background-position: 0 -1px;
	}
.fadeblock:hover { background-image: url("images/whiteline.png"); }
.itemcolorchange a, .itemcolorchange:hover a, .itemcolorchange:focus a, .itemcolorchange:active a{
	color:white;
	text-decoration:none;
}
#main{
text-align: center;
margin-left:0;
clear:both;
}
.block{
	margin-left: auto;
    margin-right: auto;
    width: 100%;
	margin-bottom: 10px;
	}
.thickborder {
	border: 1px solid #000000;
	}
.viddesc{
color: #fff;
text-align: right;
font-size: 1vw;
background-color: black;
}
.viddesc p {
	margin-right:2%;}
#viddesc1{
	font-family: futura-pt, sans-serif;
	font-style: normal;
	font-weight: 300;
	width: 20%;
margin-left: 80%;}
#viddesc2{
	font-family: futura-pt, sans-serif;
	font-style: normal;
	font-weight: 300;
	width: 40%;
margin-left: 60%;}
#viddesc3{
	font-family: futura-pt, sans-serif;
	font-style: normal;
	font-weight: 300;
	width: 55%;
margin-left: 45%;}
#viddesc4{
	font-family: futura-pt, sans-serif;
	font-style: normal;
	font-weight: 300;
	width: 57%;
margin-left: 43%;}
#viddesc5{
	font-family: futura-pt, sans-serif;
	font-style: normal;
	font-weight: 300;
	width: 43%;
margin-left: 57%;}
#contactdesc{
	background: none repeat scroll 0 0 #FFF;
    color: #000;
    background: rgb(255, 255, 255); /* Fallback for older browsers without RGBA-support */
    background: rgba(255, 255, 255, 0.5);
    padding-bottom: 10px;
    text-align: left;
}
#contactdesc h1 {
	font-family: "Gill Sans","Gill Sans MT","Myriad Pro","DejaVu Sans Condensed",Helvetica,Arial,sans-serif;
    font-size: 86px;
    font-style: italic;
    font-weight: lighter;
    line-height: 43px;
    margin-bottom: 13px;
    margin-top: 12px;
	}
#contactdesc p{
font-family: futura-pt, sans-serif;
font-style: normal;
font-weight: 300;
	margin-left: 5px;
	padding-top: 2px;
}
#contactdesc a:hover{
		text-decoration: line-through;
}
a {
   color: #000;
   text-decoration: none; // changed from text-decoration:underline
}
#viddesc p{
	font-family: "Gill Sans","Gill Sans MT","Myriad Pro","DejaVu Sans Condensed",Helvetica,Arial,sans-serif;
	font-weight: lighter;
	margin-right: 1%;
	padding-top: 2px;
}
#footer{
font-family: "Gill Sans","Gill Sans MT","Myriad Pro","DejaVu Sans Condensed",Helvetica,Arial,sans-serif;
font-weight: lighter;
width: 100%;
background: #000;
color: #FFF;
float: left;
}
#footer p{
margin-left: 3%;
padding-top: 0.5em;
margin-top: 0em;
margin-bottom: 0.8em;
}
#footer p img {
margin-right: 0.3vw;
width: 2vw;
padding-bottom: 0vw;
	}
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; border-style: solid;border-color: black; border-width:0.3vw;} 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:black;}
@media (max-width: 768px) {


#container{
margin-left: 0% !important;
margin-right: 0% !important;
}

..headbox{
width: 45% !important;
margin-bottom: 3% !important;
}

#menu{
   width:40% !important;

}

#menu li{
   font-size: 2.5vw !important;
}


..itemcolorchange {
  padding: 0% 15% !important;
}


#menufirst {
  width: 50% !important;
  text-align: center !important;
}

#menusecond{
width: 50% !important;
  text-align: center !important;
}


#menuthird{
width: 50% !important;
  text-align: center !important;
   margin-left:0% !important;
   margin-right:0% !important;
}

}