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

/* CBNC Font Face */

@font-face
{
font-family: CBNCFont;
src: url('../../_font/TradeGothicW01-Cn18.ttf'),
     url('../../_font/TradeGothicW01-Cn18.eot'); /* IE9 */
} 

/* Global Content Formatting and Styles */
html, body{
	margin:0;
	padding:0;
}
body{
	color:#000;
	line-height:1.5em;
	font-family:"Courier New", Courier, monospace;
	font-size:10px;
	background:#FFF;
}
.clear{
	clear:both;
}
p{
	font-size:1.4em;
	line-height:1.5em;
}
#content{
	padding:0;
	margin:0;
}
.home{
	overflow:hidden;
}
.home img{
	position:absolute;
	z-index:5;
	border:none;
}
.home video{
	object-fit: cover;
}
@media only screen and (max-width:599px){
	.home video{
		display:none;
	}
	#divHeight{
		margin:40px auto 0;
		width:300px;
	}
	#iframeID{
		width:300px;
	}
}
/* Tablet */
@media only screen and (min-width:600px) and (max-width:768px){
	.home video{
		display:none;
	}
	#divHeight{
		margin:40px auto 0;
		width:600px;
	}
	#iframeID{		
		width:600px;
	}	
}
/* Desktop */
@media only screen and (min-width:769px){
	#divHeight{
		margin:60px auto 0;
		width:1000px;
	}
	#iframeID{
		margin:0 auto;
		width:1000px;
	}
}
#navMain, #navArchive, #navCollection, #navConnect,#mobileNav, #tag{display:none;}
#mobileNav div:nth-child(5){
	font-weight:bold;
	font-size:1.5em;
}
#deviceMenu img{
	padding-top:10px;
}
h1{font-size:5em; font-weight:bold; color:rgb(0,0,0); margin: 0;}
h2{color:#999; font-size:2em;}
a, a:visited{color:#FFF; text-decoration:none;}
a:hover, a:active{}

/*-----------------------------------------------------------------------
Error Styles Layout
-----------------------------------------------------------------------*/
.error-404{margin:5%; padding:2.5%; background:#222;}
.error-404 a, .error-404 a:visited{color:#999; text-decoration:underline;}