html{
	height:100%;
	border:none;
	margin:0px;
	overflow-y: scroll;
}

body{
	background-color: #000000;
	font-family: "raleway";
    color:#fefefe;
	margin:0px;
	border:none;
	padding:0px;
	height:100%;
	width:100%;
	position:relative;
	font-size:1.7vw;
	/*
	 * background-image: url("images/morino.jpg");
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	*/
}

@font-face {
    font-family: 'raleway';
    src: url('webfonts/raleway.woff2') format('woff2'),
         url('webfonts/raleway.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

#header{
	width:80%;
	margin-top:2vw;
}

a{
	color:#fefefe;
}

a:hover{
	color:#bbccff;
}

a:active{
	color:#FFFFFF;
}

.video_container{
	width:60%;
	margin:auto;
}

.smalltext{
	font-size: 1.5vw;

}

.tinytext{
	font-size: 1.3vw;
}

@media (max-width: 700px) {
	#header{ width:97%; margin-top:3vw; }
	body{ font-size: 2.5vw; }
	.smalltext{ font-size: 2vw; }
	.tinytext{ font-size: 1.8vw;}
}