body {
		margin:0;
		padding:0px 0px 0px 0px;
		height:100%;
		overflow-y:auto;
		background-color:#e8eaeb;
	}

	#content {
		margin:100px 5% 0px 5%;
		display:block;
		padding:0px;
		text-align:center;
		background-color:#e8eaeb;
		color: black;
		font-size: 18px;
		font-weight:900;
		font-family: 'Roboto', sans-serif;
	}

	#header {
		display:block;
		top:0px;
		left:0px;
		width:100%;
		height:100px;
		position:fixed;		
		text-align:center;
		background-color:#e8eaeb;
  		z-index: 100;				
	}

	#footer {
  		left:0;
  		bottom:0;
  		width:100%;
		height:75px;
		padding:10 0px 0 0px;
  		background-color:#333;
  		color:white;
  		text-align:center;
  		font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
		font-size: 14px;
	}

	#navigation {
		display:block;
		top:100px;
		left:0px;
		width:142px;
		height: 100%;
		position:fixed;
		/* border:1px solid #888; */
	}

	h1 {
		color: black;
		font-size: 64px;
		font-weight:100;
		font-family: 'Roboto', sans-serif;
	}

	h2 {
		color: black;
		font-size: 42px;
		font-weight:100;
		font-family: 'Roboto', sans-serif;
	}

	h3 {
		color: black;
		font-size: 40px;
		font-weight:100;
		font-family: 'Roboto', sans-serif;
	}

	img {
		max-width: 1250px;
		/* max-height: 100%;
		max-width: 100%; */
		/* -moz-box-shadow: 10px 10px 5px #ccc;
        -webkit-box-shadow: 10px 10px 5px #ccc;
  		box-shadow: 10px 10px 5px #ccc; */
	}

	a {
  		color: gray;
  		text-decoration: none; /* no underline */
	}

	a:hover {
  		color: white;
  		background-color: #3d94f6;
	}

	a.transparent:hover {
		background-color: transparent;
	}

	.alignleft {
    	text-align: left;
	}

	.aligncenter {
    	text-align: center;
	}

	.alignright {
    	text-align: right;
	}

	/* Create 7 equal columns that floats next to each other */
	.column {
  		float: left;
  		width: 14.285%;
  		height: 325px;
	}

	/* Create 5 equal columns that floats next to each other */
	.columnv {
  		float: left;
  		width: 20%;
  		height: 500px;
	}

	/* Clear floats after the columns */
	.row:after {
  		content: "";
  		display: table;
  		clear: both;
	}

	/* Responsive layout - makes the columns stack on top of each other instead of next to each other 
	@media screen and (max-width: 600px) {
  		.column {
    		width: 100%;
  		}
	}

	@media only screen and (max-width: 600px) {
    #fadeshow {
        display: none;
    	}
	}
	*/

	@media screen and (orientation: landscape) and (max-width: 1400px) {
		h3 {
		color: black;
		font-size: 32px;
		font-weight:100;
		font-family: 'Roboto', sans-serif;
		}
    }		

	@media screen and (orientation: landscape) {
		#_fadeshow {
        	display: none;
    	}	

	}

	@media screen and (orientation: portrait) {
		.column {
    		width: 60%;
    		margin-left: 20%;
			margin-right: 20%; 
  		}

  		.columnv {
    		width: 90%;
    		margin-left: 5%;
			margin-right: 5%; 
  		}

  		#fadeshow {
        	display: none;
    	}	
	}
	
	.myButton {
		box-shadow:inset 0px 1px 0px 0px #97c4fe;
		background:linear-gradient(to bottom, #3d94f6 5%, #1e62d0 100%);
		background-color:#3d94f6;
		border-radius:3px;
		border:1px solid #337fed;
		display:inline-block;
		cursor:pointer;
		color:#ffffff;
		font-family:'Roboto', sans-serif;
		/* font-size:14px; */
		padding:12px 48px;
		text-decoration:none;
		text-shadow:0px 1px 0px #1570cd;
	}

	.myButton:hover {
		background:linear-gradient(to bottom, #1e62d0 5%, #3d94f6 100%);
		background-color:#1e62d0;
	}

	.myButton:active {
		position:relative;
		top:1px;
	}

	div.white-rectangle {
		margin: auto; 
		text-align:center; 
		max-width: 1200; 
		background-color: white; 
		padding-top: 1px;
		padding-left: 10px; 
		padding-right: 10px;
		padding-bottom: 1px; 
		-moz-box-shadow: 10px 10px 5px #ccc;
		-webkit-box-shadow: 10px 10px 5px #ccc;
		box-shadow: 10px 10px 5px #ccc;
	}

	@media screen and (orientation: portrait) {
		div.white-rectangle {
		margin: auto; 
		text-align:center; 
		max-width: 1200; 
		background-color: white; 
		padding-top: 1px;
		padding-left: 10px; 
		padding-right: 10px;
		padding-bottom: 1px; 
		-moz-box-shadow: 10px 10px 5px #ccc;
		-webkit-box-shadow: 10px 10px 5px #ccc;
		box-shadow: 10px 10px 5px #ccc;
		}	
	}

	* html #header {position:absolute;}
	* html #navigation {position:absolute;}

	/* Slider start */

	* {box-sizing: border-box;}
	.mySlides {display: none;}

	/* Slideshow container */
	.slideshow-container {
  		max-width: 1000px;
  		position: relative;
  		margin: auto;
	}

	/* Caption text */
	.text {
  		color: #f2f2f2;
  		font-size: 42px;
  		padding: 8px 12px;
  		position: absolute;
  		bottom: 96px;
  		width: 100%;
  		text-align: center;
  		font-family: 'Roboto', sans-serif;
	}

	@media screen and (orientation: portrait) {
		.text {
  		color: #f2f2f2;
  		font-size: 36px;
  		padding: 8px 12px;
  		position: absolute;
  		bottom: 24px;
  		width: 100%;
  		text-align: center;
  		font-family: 'Roboto', sans-serif;
	}
	}

	/* Number text (1/3 etc) */
	.numbertext {
  		color: #f2f2f2;
  		font-size: 12px;
  		padding: 8px 12px;
  		position: absolute;
  		top: 0;
  		display:none;
	}

	/* The dots/bullets/indicators */
	.dot {
  		height: 7px;
  		width: 7px;
  		margin: 0 2px;
  		background-color: transparante;
  		border-radius: 50%;
  		display: inline-block;
  		transition: background-color 0.6s ease;
	}

	.active {
  		background-color: #717171;
	}

	/* Fading animation */
	.fade {
        -webkit-animation-name: fade;
        -webkit-animation-duration: 1.1s;
  		animation-name: fade;
  		animation-duration: 1.1s;
	}

	@-webkit-keyframes fade {
  		from {opacity: 0} 
  		to {opacity: 1}
	}

	@keyframes fade {
  		from {opacity: 0} 
  		to {opacity: 1}
	}

	/* On smaller screens, decrease text size */
		@media only screen and (max-width: 300px) {
  			.text {font-size: 11px}
	}

	/* Slider end */