@charset "utf-8";
/* CSS Document */
body
{
	font-family: 'Source Serif Pro', serif;
	font-size: 1em;
	margin: 0;
	width: 100%;
}

* {box-sizing: border-box;}

img {vertical-align: top;}

a, a:active, a:link, a:visited
{
	color: #126976;
	text-decoration: none;
}

a:hover, a:focus {color: #2797A7;}

header, main
{
	margin: 0 auto 3em auto;
	max-width: 2000px;
}

header
{
	position: relative;
	width: 100%;
}

header > img
{
	position: relative;
	width: 100%;
}

header > div
{
	background: rgba(0,0,0,0.3);
	border: 3px solid #ffffff;
    left: 50%;
    padding: 4em 0;
	position: absolute;
	top: 50%;
    transform: translate(-50%, -50%);
	width: 44%;
}

h1
{
	color: #ffffff;
	font-size: 4em;
	font-weight: normal;
	margin: 0;
	text-align: center;
}

h2
{
	font-size: 2em;
	line-height: 1em;
	text-align: center;
	margin: 0;
	padding: 0 0 0.4em 0;
}

main
{
	font-size: 1.2em;
	line-height: 1.5em;
	position: relative;
	text-align: justify;
	width: 80%;
}

main > section
{
	border-bottom: 1px solid #5A5A5A;
	padding: 2em 0 2.5em 0;
}

main > section:first-child {padding: 0 0 2em 0;}

main > section:last-child
{
	border: 0;
	padding: 2em 0 0 0;
}

main > section > img
{
	border: 1px solid #5A5A5A;
	display: block;
	margin: auto;
	max-width: 2000px;
    width: 80%;
}

.important_txt
{
	background-color: #E0E0E0;
	font-size: 1.4em;
	line-height: 1.3em;
	padding: 0.5em 0.3em;
	text-align: center;
}

/*.cam_links
{
	list-style: none;
	margin: 3em 0;
	overflow: hidden;
	padding: 0;
}

.cam_links > li
{
	float: left;
	width: 50%;
}

.cam_links > li > a
{
	background-color: #187D8B;
	border-radius: 5px;
	color: #ffffff;
	display: block;
	font-size: 1.5em;
	margin: auto;
	padding: 0.7em 0em;
	text-align: center;
	text-decoration: none;
	width: 70%;
}

.cam_links > li > a:hover, .cam_links > li > a:focus
{
	background-color: #1EB0C4;
	background-color: #2797A7;
	border-radius: 10px;
}*/

.cam_link
{
	list-style: none;
	margin: 2em 0;
	overflow: hidden;
	padding: 0;
}

.cam_link > a, .cam_link > a:active, .cam_link > a:link, .cam_link > a:visited
{
	background-color: #187D8B;
	border-radius: 7px;
	color: #ffffff;
	display: block;
	font-size: 2em;
	line-height: 1em;
	margin: auto;
	padding: 0.7em 0em;
	text-align: center;
	text-decoration: none;
	width: 44%;
}

.cam_link > a:hover, .cam_links > a:focus
{
	/*background-color: #1EB0C4;*/
	background-color: #2797A7;
}*

.iframe_wrapper
{
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative;
    width: 100%;
}

.iframe_wrapper iframe
{
	border: 0;
	height: 100%;
	outline: 2px solid #5A5A5A;
	outline-offset: -2px;
	position: absolute;
	width: 100%;
}

.nodisplay {display: none;}

footer
{
	background-color: #163337;
	padding: 3em 0;
	text-align: center;
	width: 100%;
}

footer img
{
	max-width: 800px;
	width: 20%;
}

/* Media Queries */
@Media screen and (min-width: 1700px)
{
	header > div
	{
		padding: 4.5em 0;
		width: 40%;
	}
	
	h1 {font-size: 4em;}
	
	main {font-size: 1.3em;}
	
	.cam_link > a, .cam_link > a:active, .cam_link > a:link, .cam_link > a:visited
	{
		font-size: 2em;
		padding: 0.6em;
	}
}

@Media screen and (min-width: 2000px)
{
	header > div {padding: 5em 0;}
	
	h1 {font-size: 5em;}
	
	main
	{
		font-size: 1.6em;
		width: 100%;
	}
	
	footer {padding: 5em 0;}
}

@Media screen and (max-width: 1500px)
{
	footer img {width: 24%;}
}

@Media screen and (max-width: 1300px)
{
	h1 {font-size: 3.5em;}
	
	.cam_link > a, .cam_link > a:active, .cam_link > a:link, .cam_link > a:visited {width: 50%;}
	
	main > section > img {width: 90%;}
	
	footer img {width: 30%;}
}

@Media screen and (max-width: 1100px)
{
	header > div
	{
		padding: 3em 0;
		width: 48%;
	}
	
	main {width: 90%;}
	
	.important_txt {font-size: 1.3em;}
	
	.cam_link > a, .cam_link > a:active, .cam_link > a:link, .cam_link > a:visited {width: 58%;}
}

@Media screen and (max-width: 900px)
{
	header, main {margin: 0 auto 2em auto;}
	
	header > div
	{
		padding: 2.5em 0;
		width: 54%;
	}
	
	h1 {font-size: 3em;}
	
	h2
	{
		font-size: 1.7em;
		padding: 0;
	}
	
	main > section {padding: 1.5em 0;}
	
	main > section:first-child {padding: 0 0 1.5em 0;}
	
	main > section:last-child {padding: 1.5em 0 0 0;}
	
	.cam_link {margin: 1.5em 0;}
	
	.cam_link > a, .cam_link > a:active, .cam_link > a:link, .cam_link > a:visited
	{
		font-size: 1.6em;
		width: 74%;
	}
	
	.important_txt {font-size: 1.2em;}
	
	main > section > img {width: 100%;}
	
	footer img {width: 40%;}
}

@Media screen and (max-width: 700px)
{
	header > div
	{
		padding: 1.8em 0;
		width: 58%;
	}
	
	h1 {font-size: 2.5em;}
	
	main
	{
		font-size: 1.3em;
		line-height: 1.4em;
		width: 94%;
	}
	
	h2
	{
		font-size: 1.4em;
		line-height: 1.2em;
	}
	
	.important_txt {font-size: 1.1em;}
	
	.cam_link > a, .cam_link > a:active, .cam_link > a:link, .cam_link > a:visited
	{
		font-size: 1.5em;
		width: 82%;
	}
	
	footer {padding: 2em 0;}
	
	footer img {width: 48%;}
}

@Media screen and (max-width: 500px)
{
	header > div
	{
		padding: 0.8em 0;
		width: 70%;
	}
	
	h1 {font-size: 1.9em;}
	
	main {font-size: 1.2em;}
	
	.cam_link > a, .cam_link > a:active, .cam_link > a:link, .cam_link > a:visited
	{
		font-size: 1.2em;
		width: 100%;
	}
}