@charset 'UTF-8';

	html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}body{-webkit-text-size-adjust:none}
	*,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}</style><style type="text/css">body{width:100%}.container{margin-left:auto;margin-right:auto;width:100%}.container.small{width:100%}.container.big{width:100%;}</style><style type="text/css">.\31 2u{width:100%}.\31 1u{width:91.6666666667%}.\31 0u{width:83.3333333333%}.\39 u{width:75%}.\38 u{width:66.6666666667%}.\37 u{width:58.3333333333%}.\36 u{width:50%}.\35 u{width:41.6666666667%}.\34 u{width:33.3333333333%}.\33 u{width:25%}.\32 u{width:16.6666666667%}.\31 u{width:8.3333333333%}.\31 u,.\32 u,.\33 u,.\34 u,.\35 u,.\36 u,.\37 u,.\38 u,.\39 u,.\31 0u,.\31 1u,.\31 2u{float:left;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.\-11u{margin-left:91.6666666667%}.\-10u{margin-left:83.3333333333%}.\-9u{margin-left:75%}.\-8u{margin-left:66.6666666667%}.\-7u{margin-left:58.3333333333%}.\-6u{margin-left:50%}.\-5u{margin-left:41.6666666667%}.\-4u{margin-left:33.3333333333%}.\-3u{margin-left:25%}.\-2u{margin-left:16.6666666667%}.\-1u{margin-left:8.3333333333%}.row.flush{margin-left:0}.row.flush>*{padding:0!important}</style><style type="text/css">.row>*{padding:40px 0 0 40px}.row+.row>*{padding-top:40px}.row{margin-left:-40px}.row.half>*{padding:20px 0 0 20px}.row.half+.row.half>*{padding-top:20px}.row.half{margin-left:-20px}.row.quarter>*{padding:10px 0 0 10px}.row.quarter+.row.quarter>*{padding-top:10px}.row.quarter{margin-left:-10px}.row.oneandhalf>*{padding:60px 0 0 60px}.row.oneandhalf+.row.oneandhalf>*{padding-top:60px}.row.oneandhalf{margin-left:-60px}.row.double>*{padding:80px 0 0 80px}.row.double+.row.double>*{padding-top:80px}.row.double{margin-left:-80px}</style><style type="text/css">.row:after{content:'';display:block;clear:both;height:0}.row:first-child>*{padding-top:0}.row>*{padding-top:0}

	body
	{
		background: #eee;
	}

	body,input,textarea,select
	{
		font-family: -apple-system,BlinkMacSystemFont,segoe ui,Roboto,Helvetica,Arial,sans-serif;
		font-size: 13pt;
		font-weight: 300;
		line-height: 1.75em;
	}

	h1,h2,h3,h4,h5,h6
	{
		font-weight: 300;
		letter-spacing: -1px;
	}
	
		h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
		{
			color: inherit;
			text-decoration: none;
		}
		
	strong, b
	{
		font-weight: 400;
	}
	
	em, i
	{
		font-style: italic;
	}

	a, a:visited
	{
		color: #028b70;
		text-decoration: none;
	}

	a:hover
	{
		text-decoration: underline;
	}

	sub
	{
		position: relative;
		top: 0.5em;
		font-size: 0.8em;
	}
	
	sup
	{
		position: relative;
		top: -0.5em;
		font-size: 0.8em;
	}
	
	hr
	{
		border: 0;
		border-top: solid 1px #ddd;
	}
	
	blockquote
	{
		border-left: solid 0.5em #ddd;
		padding: 1em 0 1em 2em;
		font-style: italic;
	}
	
	p, ul, ol, dl, table
	{
		margin: 0 20px;
		text-align: justify;
	}

	header
	{
		margin-bottom: 1em;
	}
	
		header .byline
		{
			display: block;
			margin: 0.5em 0 0 0;
			padding: 0 0 0.5em 0;
		}
		
	footer
	{
		margin-top: 1em;
	}

	br.clear
	{
		clear: both;
	}

	/* Sections/Articles */
	
		section,
		article
		{
			margin-bottom: 3em;
		}
		
		section > :last-child,
		article > :last-child
		{
			margin-bottom: 0;
		}

		section:last-child,
		article:last-child
		{
			margin-bottom: 0;
		}

		.row > section,
		.row > article
		{
			margin-bottom: 0;
		}
		
	/* Text */
		
		.text-right
		{
			text-align: right;
		}
		
		.text-left
		{
			text-align: left;
		}
		
		.text-center
		{
			text-align: center;
		}


	/* Buttons */
		
		.button
		{
			position: relative;
			display: inline-block;
			border: 0;
			background-color: rgba(255,255,255,0.9);
			color: #444;
			cursor: pointer;
			line-height: 1em;
			border-radius: 10px;
			-moz-transition: background-color .5s ease-in-out;
			-webkit-transition:background-color .5s ease-in-out;
			-o-transition: background-color .5s ease-in-out;
			-ms-transition: background-color .5s ease-in-out;
			transition: background-color .5s ease-in-out;				
		}

			.button:hover
			{
				background-color: rgba(255,255,255,0.5);
			}
			
			.button.selected
			{
				background-color: rgba(0,0,0,0.75);
				color: #FFF;
			}
			
				.button.selected:hover
				{
					background-color: rgba(0,0,0,0.25);
				}	
			
			.button:active
			{
			}
		
			.button.alt
			{
			}

				.button.alt:hover
				{
				}
				
				.button.alt:active
				{
				}
		
			.button.small
			{
			}
			
			.button.big
			{
			}
			
			.button.huge
			{
			}


/*********************************************************************************/
/* Header                                                                        */
/*********************************************************************************/

	#header
	{
		position: relative;
		top: 0;
		left: 0;
		background-color: rgba(0,0,0,0.8);
		color: #FFF;
		height: 100px;
		line-height: 100px;
		width: 100%;
	}
	
		#header a
		{
			color: #FFF;
			text-decoration: none;
		}

	#logo
	{
		font-size: 3em;
		float: left;
	}
	
	#nav
	{
		float: right;
	}
	@media screen and (max-width: 780px) {
	#nav {
background-color: #63bbaa;
 text-align: center;
}
}

		#nav ul
		{
			margin: 0;
		}
		
			#nav li
			{
				display: inline-block;
			}
				
				#nav li a
				{
					font-size: 1.5 em;
					padding: 1em 1.5em;
					border-radius: 10px;
					-moz-transition: background-color .5s ease-in-out;
					-webkit-transition:background-color .5s ease-in-out;
					-o-transition: background-color .5s ease-in-out;
					-ms-transition: background-color .5s ease-in-out;
					transition: background-color .5s ease-in-out;					
				}
				
					#nav li a.button
					{
						color: #444;					
					}
					
					#nav li a.active,
					#nav li a:hover
					{
						color: #444;
						background-color: rgba(255,255,255,0.5);
					}
						
						#nav li a.active:hover
						{
							background-color: rgba(255,255,255,0.25);
						}
	

/*********************************************************************************/
/* Main                                                                          */
/*********************************************************************************/

	#main
	{
		width: 100%;
		background-color: #efefef;
		padding: 0;
		margin: 0 auto 40px auto;
		text-align: center;
	}
	@media screen and (max-width: 780px) {
		#main {
			width: 100%;
		}
	}		
		#main .heading
		{
			margin-bottom: 2em;
		}
	
			#main h1, #main h2
			{
				font-size: 2em;
				display: inline-block;
				margin: 30px 20px 20px 20px;
				line-height: 1.25em;
			}
			
			#main .heading .button
			{
				padding: 1em 2em;
				float: right;
			}

	.stream {
		background-color: #222;
		height: 50px;
	}

/*********************************************************************************/
/* Footer                                                                        */
/*********************************************************************************/
	
	#footer
	{
		background-color: rgba(0,0,0,0.8);
		color: #FFF;
		padding: 3em 0;	
		text-align: center;
	}

	#footer p
	{
		text-align: center;
		margin-bottom: 20px;
	}