html{
	font-family:Times New Roman;
	padding:0;
	margin:0;
	scroll-behavior: smooth;
}

body{
	padding:0;
	margin:0;	
	background-repeat:no-repeat;
	background-size:100vw;
	background-attachment:fixed;
}

a{
	color:#008888;
}

#backvideo{
	width:100vw;
	position:fixed;
	top:0;
	left:0;
	z-index:0;
}

#content img{
	width:100%;
}

#navigation a{
	color:#00bbbb;
	text-decoration:none;
}

#navigation ul{
	list-style-type:none;
	padding:0;
}

#navigation ul li{
	padding:1em;
}

#footer p{
	margin:0;
}

ul{
	margin:0;
}

#footer{
	background-color:#00ffff;
	color:#000000;
	margin:0;
	padding-top:2em;
	padding-bottom:2em;
//	padding:2em;
//	font-size:3em;
}

h2{
	padding-left:5%;
	padding-right:5%;
	margin:0;
	font-size:3em;
	margin-bottom:.75em;
}

h1{
	padding-left:5%;
	padding-right:5%;
	margin:0;
	font-size:4em;
	margin-bottom:.75em;
}

p{
	padding-left:5%;
	padding-right:5%;
	font-size:2em;
	line-height:2em;
}

#mapdiv img{
	width:100%;
}

form{
	padding-top:2.5em;
}

input, textarea, button{
	width:85%;
	margin-bottom:1em;
	padding:2.5%;
	font-size:3.5em;
	border:solid 2px #000000;
	font-family:monospace;
	margin-top:1em;
}

video{
	width:100%;
	border-top:solid 2px #000000;
	border-bottom:solid 2px #000000;
}

#contactError{
	font-size:2.5em;
	padding-left:2em;
	padding-right:2em;
	padding-top:1em;
	padding-bottom:1em;
	background-color:ff00ff;
}

#contactInfo{
	background-color:#00ffff;
	padding-top:1em;
	padding-bottom:1em;
	margin:0;
}

#mapDiv{
	background-color:#000000;
	color:#ffffff;
	padding-bottom:1em;
	margin:0;
}

.clickthru{
	background-color:#ff8800;
	margin:0;
	padding-top:1em;
	padding-bottom:1em;
	text-decoration:none;
	color:#ffffff;
}

.clickthruanchor{
	text-decoration:none;
}

.cyan{
	background-color:#00ffff;
	color:#000000;
	padding-top:2.5em;
}

.white{
	background-color:#ffffff;
	color:#000000;
	padding-top:2.5em;
}

.orange{
	background-color:#ff8800;
	color:#ffffff;
	padding-top:2.5em;
	padding-bottom:2.5em;
}

.catalog{
	padding-bottom:2.5em;
}

.catalog img{
	width:100%;
	margin:0;
	padding:0;
}

.catalog h3{
	font-size:2.5em;
	padding-left:5%;
	padding-right:5%;
}

#tripledot{
	position:fixed;
	top:1em;
	right:1em;
	width:3em;
	z-index:3;
}

.HomePageAnchor{
	text-decoration:none;
	color:#ffffff;
}

@media screen and (max-width: 1000px) and (orientation: portrait){
	/*Mobile*/
	#content{
		position:relative;
		top:56vw;
		background-color:#ffffff;
		padding:0;
	}
	
	#navigation{
		font-size:5em;
		background-color:#000000;
		margin:0;
	}
	
	#screen{
		display:none;
	}
}

@media (orientation: landscape), (min-width: 1000px) {
	/*Desktop*/
	#content{
		position:relative;
		top:80vh;
		background-color:#ffffff;
		padding:0;
		width:50vw;
		margin-left:25vw;
		z-index:2;
		box-shadow:20px 20px 60px #000000;
	}
	
	#screen{
		display:block;
		width:100vw;
		height:100vh;
		background-color:#00ffff;
		opacity:.5;
		position:fixed;
		left:0;
		top:0;
	}
	
	#navigation{
		font-size:3em;
		background-color:#000000;
		margin:0;
	}
}

.callContent{
	padding:0;
	margin:0;
}

.callContent h2{
	font-size:2em;
	padding:0;
}

.callContent h3{
	font-size:1.5em;
	padding:0;
}

.callContent form{
	margin:0;
	padding:0;
}

.callContent input, .callContent button, .callContent textarea{
	font-size:1em;
	padding:.25em;
	width:50%;
}

.callContent textarea{
	width:100%;
	height:25em;
}