@charset "UTF-8";
/* CSS Document */
html
{
	background:url("images/header_bg.jpg") repeat-x;
	font-family:  Helvetica, Arial, sans-serif
}

@media screen and (max-width:599px)
{
	#nav_content_container
	{
		display: flex;
		flex-flow: column wrap;
	}
	nav
	{
	}
	#content
	{

	}
}

@media screen and (max-width:940px)
{
	#nav_content_container
	{
		display:flex;
		flex-direction: row;
	}
	#content
	{
		width:70%;
		margin-left:4%;
	}
}

@media screen and (min-width:940px)
{
	#nav_content_container
	{
		display:flex;
		flex-direction: row;
	}
	#content
	{
		width:50%;
		margin-left:4%;
	}
}

#content > h4
{
	margin:5% 0 2% 0;
	/*border-bottom: dashed rgb(232,232,232) 1px;*/
	color: rgb(128,128,128);
	font-family: "Helvetica light", sans-serif;
	font-weight: inherit;

}
h4{

	color: rgb(128,128,128);
	font-family: "Helvetica light", sans-serif;
	font-weight: inherit;}

h5
{
	color: rgb(128,128,128);
	font-family: "Helvetica light", sans-serif;
	font-weight:inherit;
	margin:-2% 0 2% 0;

}


header
{
	background:url("images/header_bg.jpg") repeat-y;
	margin-bottom:5%;
}

header > #title
{
	 font-size:1.5vw;
	 font-family: "Helvetica light", sans-serif;
	 position: absolute;
	 top:2%;
	 left:2.3%;
	 color: rgb(0,153,153);
	 text-transform: uppercase;
}

header > #cpright
{
	 font-size:12px;
	 font-family: Helvetica, Arial, sans-serif;
	 color: rgb(0,153,153);
	 text-align:center;
	 position: absolute;
	 top: 2%;
	 right:2%;
}
#click{
	margin-top:10px;
	margin-left:700px;
	position:absolute;
	float:right;
	}
	p{font-size:small;
	color:rgb(128,128,128);
	}

p a
{
	color: rgb(180,180,180);
}

p a:visited
{
	color:  rgb(0,153,153);
}

figure a
{
	color: rgb(0,153,153);
}