@font-face {
    font-family: 'Tribbon A';
    src: url('Tribbon A.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Tribbon B';
    src: url('Tribbon B.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'tribbon_aregular';
    src: url('tribbon_a-webfont.eot');
    src: url('tribbon_a-webfont.eot?#iefix') format('embedded-opentype'),
         url('tribbon_a-webfont.woff') format('woff'),
         url('tribbon_a-webfont.ttf') format('truetype'),
         url('tribbon_a-webfont.svg#tribbon_aregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.nav li{
	display:inline;
	padding:1px 14px;
	font-size:40px;
	font-size:2vw;
	color:#16b49b;
	font-family: 'Tribbon A';
}
.nav {
	background-color:#1e1e1e;
	padding-top:15px;
}
.nav ul {

	position:relative;
	display: inline-block;
	background: linear-gradient(top, #1e1e1e 0%, #1e1e1e 100%);
	background: -moz-linear-gradient(top, #1e1e1e 0%, #1e1e1e 100%);
	background: -webkit-linear-gradient(top, #1e1e1e 0%, #1e1e1e 100%);
	
}
.nav ul li{
	float:left;
}

.nav ul li a{
	display:block;
	color:#757575;
	
}
.nav ul li:hover > ul {margin:0px; padding-top:0px;overflow:visible;}
.nav ul li:hover > ul li{ float:none; display:block;overflow:visible;}
.nav ul li a {color:#fafefe;overflow:visible;}
.nav ul li:hover > ul li a:hover{color: #38595E;overflow:visible;}

.nav ul li {position:relative;overflow:visible;}
.nav ul li ul{position:absolute; top:30px; left:0px;overflow:visible;}

.nav ul ul {
	display:none;
	overflow:visible;
}

.nav ul li:hover > ul{
	display:block;
	overflow:visible;
}

.nav a{
	color:#fafefe;
	overflow:visible;
}

.nav a:hover{
	color:#e56118;
	overflow:visible;
}
body {
	background-color:#E3E4E5;
}
.heading h1{
font-family:'Tribbon A';
font-size:75px;
font-size:7vw;
text-align:center;
overflow:visible;
}
.check {
	background-color:#38595E;
	overflow:visible;
}

.about {
	background-color:#38595E;
	overflow:visible;
}

.picture a:hover{
	background-color:#00b0ff;
	overflow:visible;
}
.video {
	position: relative;
	padding-bottom: 25px;
	padding-top: 25px;
	background-color:#38595E;
	height: 80%;
	margin:auto;
	display:block;
	margin-left:auto;
	margin-right:auto;
	overflow:visible;
}

.video iframe {
	width: 80%;
	height: 150;
	overflow:visible;
}

.greeting {
	position: relative;
	background-color:#a04310;
	padding-top: 25px;
	padding-bottom: 20px;
	height: 80%;
	margin:auto;
	display:block;
	margin-left:auto;
	margin-right:auto;
	overflow:visible;
}
h2 {
	font-family:'Tribbon A';
	font-size:50px;
	font-size:3vw;
	text-align:center;
}
.greeting iframe {
	overflow:visible;
	width: 80%;
	height: 150;
}

.about h1{
	font-family:'Tribbon A';
	font-size:100px;
	font-size:4vw;
	text-align:center;
	overflow:visible;
}