@font-face {
	font-family: TYPOGRAPH_PRO;
	src: url(../fonts/TYPOGRAPH_PRO_Light.ttf),
	url(../fonts/TYPOGRAPH_PRO_Light.eot);
	font-weight:400;
}
body{
	cursor:default;
	font-family: 'TYPOGRAPH_PRO';
	padding-top:3.5em;
	margin:0;
}
a{
	color:black;
	text-decoration: none;
}
div#main-header{
	cursor:default;
	color:black;
	text-align:center;
	position:fixed;
	font-size:120%;
	width:100%;
	background:#4099FF;
	color:white;
	box-shadow:0px 2px 1px transparent;
	height:2em;
	padding-top:0.5em;
	top:0;
	left:0;
	z-index:100;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
div#main-header img{
	float:left;
	width:32px;
}
div.video-link-container{
	width:70%;
	font-size:95%;
	padding:1em;
	margin:auto auto;
}
div.video-link-container header{
	font-size:170%;
	cursor:pointer;
}
/*div.video-link-container img{*/
/*	width:48px;*/
/*}*/
div.video-link-container div{
	font-size:90%;
	text-align: justify;
}
.hidden{
	display:none;
}
@media (max-width: 480px) {
	div.video-link-container{
		width:90%;
		padding:1em;
	}
	div.video-link-container{
		margin:0;
		padding-top:0.3em;
		padding-bottom:0.3em;
	}
	div.video-link-container header{
		font-size:120%;
	}
	div.video-link-container div{
		font-size:70%;
	}
}