/*COLORS*/

.red	{
	background: #152034;/*navy*/
}	

.blue, .gray	{
	background: #870136;/*red*/
}

.red header, .blue header, .gray header	{
	background: none;
}

.red nav, .blue nav, .gray nav	{
	background: none;
}	

.red nav, .blue nav 	{
	color: #cccccc;
}

/*HEADER*/

header	{
	height: auto;
	padding-top: 0;
	padding-bottom: 0;
}

#logo	{
	margin: 0;
	width: calc(30vw - 3rem);
	position: fixed;
	top: 1.5rem;
	left: 1.5rem;
	z-index: 100;
}	

#logo a	{
	height: calc(30vw - 3rem);
}	

#big_logo	{
	width: 50vw;
	margin-top: calc(50vh - 25vw);
	margin-left: 25vw;
}	
	
#menu	{
	display: none;
}	

/*NAVIGATION*/

nav	{
	font-size: 90%;
	display: block;
	width: calc(30vw - 4rem);
	overflow-y: auto;
	position: fixed;
	margin: 0;
	top: 30vw;
	bottom: 0;
	left: 0;
}


nav li	{
	padding-top: .4rem;
	padding-bottom: .4rem;
}	

nav a.current:before	{
	left: -1rem;
}

/*CONTENT*/

#content	{
	margin-left: 30vw;
}	

.red #content	{
	background: #870136;/*red*/
}	

.blue #content	{
	background: #152034;/*navy*/
}

.gray #content	{
	background: #8e949e;/*dark gray*/
	color: #152034;/*navy*/
}

h2	{
	font-size: 300%;
}	

/*FOOTER*/



.red footer, .blue footer {
	background: #8e949e;
	color: #152034;
}	

.gray footer	{
	background: #152034;/*navy*/
}