@charset "utf-8";

html {
	font-family:"Verdana",sans-serif;
	font-style: normal;
	font-size: 16pt; 
	font-weight: 400;
	text-align: left;
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	height:100%;
	width:100%;
	
	color:#9bdbf9;
	background-color: #9bdbf9;
}

img {  border-style: none; outline: none;}
a { color:#white; text-decoration:none; border-style: none; outline: none;}
a:link { color:#9bdbf9; text-decoration:none; font-weight: 700; font-style: bold; }
a:visited { color:#9bdbf9; text-decoration:none; font-weight: 700; font-style: bold;}
a:active { color:#FF0000; text-decoration:none; font-weight: 700; font-style: bold; }
a:hover { color:#FFFFFF; text-decoration:none; font-weight: 700; font-style: bold; }

#footer a:link { color:#white; text-decoration:none; font-weight: 700; font-style: bold; }
#footer a:visited { color:#white; text-decoration:none; font-weight: 700; font-style: bold;}
#footer a:active { color:#FFFF00; text-decoration:none; font-weight: 700; font-style: bold; }
#footer a:hover { color:#FFFFFF; text-decoration:none; font-weight: 700; font-style: bold; }


#fullfit {
	/* min-width: 860px; */
	width: 100%;
}

#background-video {
  width: 100vw;
  /** 
  height: 100vh; 
  position: fixed;
  **/
  object-fit: cover;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -100;
}

.logo {
	margin-top: 1%;
	margin-left: 7%;
	width: 10%;
	/** min-width: 64px; **/
}

.center {
	margin: auto auto;
	margin-left: auto;
	margin-right: auto;
	
}


#content{
	margin: auto auto;
	width: 90%;
	font-size: 1.5vw;
	margin-bottom: 0px;
	margin-top: 5%;
}

.sitelink {
	margin-top: 4vw;
}

#footer{
	margin: auto auto;
	width: 860px;
	text-align: center;
	font-size: 9pt;
	color: #B5C035;
	margin-top: 5px;
}

#header{
	margin: auto auto;
	width: 860px;
	margin-top: 0px;
	margin-bottom: 0px;
}


h {
	font-family:"Verdana",sans-serif;
	color: #FFFFFF;
	font-style: bold;
	font-size: 14pt; 
	font-weight: 700;
}

h1 {
	font-family:"Verdana",sans-serif;
	font-style: bold;
	font-size: 12pt; 
	font-weight: 700;
}

h2 {
	font-family:"Verdana",sans-serif;
	font-style: bold;
	font-size: 10pt; 
	font-weight: 700;
}

#zoom {
	width: 180px;
	margin: auto auto;
	position: relative;
	font-size: 6pt;
}

#zoomzoom {
	position: absolute;
	margin-top: -100px;
	margin-left: -160px;
	display:none;
}

#zoom:hover > #zoomzoom { display:inline;}


/* SOME MEDIA SIZE FONT CORRECTIONS */

@media screen and (max-width: 1280px) {
	#content{font-size: 1.8vw;}
}

@media screen and (max-width: 780px) {
	#content{font-size: 2vw;}
}

@media screen and (max-width: 640px) {
	#content{font-size: 2.5vw;}
}

@media screen and (max-width: 480px) {
	#content{font-size: 3vw;}
}