body,html{ height:100%; padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:1em;}
h1{color:#fff;}
#main{ position:absolute;width:100%;height:100%; overflow:auto;background-color:#1d1d1f; }

header{ display:block;box-sizing:border-box;width:100%; height:150px; background-color:#1d1d1f; }
#content-header
{ 
	color:white; 
	font-family: 'Quicksand', sans-serif;
	font-size:3.4em;
	height:90px;
	position:relative;
	top:25px;
}
#content-header #logo{ display:block;height:90px;box-sizing:border-box;float:left;margin-right:30px;}
#content-header #logo img{ height:90px; }
#content-header #title{ display:block;height:90px;line-height:90px;box-sizing:border-box;}

footer{ display:block;width:100%; height:75px; background-color:#000; }
#content-footer{ position:relative;top:10px;text-align:center;color:white;
font-family: 'Quicksand', sans-serif;
font-size:0.8em;
}
footer a{color:orange;}
#content{ margin:auto; width:100%; box-sizing:border-box; padding:10px 2px; text-align:center;
/* * /background-color:rgba(0,0,0,0.2); /* */ }

.box-yt
{
	display:inline-block;
	box-sizing:border-box;
	width:500px;height:500px;
	box-shadow: 0px 2px 3px 2px rgba(0, 0, 0, 0.79);
	margin:4px 2px;
	background-color:#fff; 
}


@media( min-width:1800px )
{
	#content-header,#content{ width:1800px; }
}

@media( max-width:1200px )
{
	#content-header {top:5px;}
	#content-header #title{ font-size:0.8em; }
}
@media( max-width:1000px )
{
	header{ height:100px; } 
	#content-header #logo { height:70px; }
	#content-header #logo img{ height:70px; }
	#content-header #title{ height:70px;font-size:0.5em; }
}
@media( max-width:680px )
{
	#content-header #title{ line-height:35px;font-size:0.4em; }
}