@charset "utf-8";
/* CSS Document */

* {
  box-sizing: border-box;
  font-family: Arial, Helvetica, sans-serif, 'Courier New', Courier;
}

body {
  margin: auto;
  font-family: Arial, Helvetica, sans-serif;
}

html {
	background: url(../images/bg.jpg) no-repeat center center fixed;
	min-height:100%;
	background-size:cover;
  	box-shadow:inset 0 0 0 2000px rgba(30,30,30,0.75);
}

#header time {
    display: block;
	font-family: 'Courier New', Courier; 
	color:white; 
	font-size: 11px; 
	margin-bottom: 1.85em;
	letter-spacing: 0.2em;
}

#header {
    background: transparent;
	padding-top: 19%;
	padding-left: 2%;
    margin: auto;
    position: relative;
    text-align: center;
    width: 100%;
}

#header2 time {
    display: block;
	font-family: 'Courier New', Courier; 
	color:white; 
	font-size: 11px; 
	margin-bottom: 1.85em;
	letter-spacing: 0.2em;
}

#header2 {
    background: transparent;
	padding-left: 2%;
    margin: auto;
    position: relative;
    text-align: center;
    width: 100%;
}


/* Style the content */
#content {
	margin: 0 auto;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    width: 9.5em;
	letter-spacing: 0.0083em;
}


iframe {
	display: block;
    margin: auto;
	margin-top: 3%;
    background-color: transparent;
	height: 100%;
	width: 100%;
	position: absolute;
	padding-bottom: 503px;
}

/* Style the footer */
footer{
    bottom: 0;
    position: fixed;
    width: 100%;
}

.footer {
    background: transparent;
    height: 100px;
    margin: auto;
    width: 400px;
    text-align:center;
    padding:50px;
}

.logoimg {
	width: 70%;
	align-content: left;
}

ul {
  list-style-type: none;
  width: 150px;
}

li a.spring {
  display: block;
  color: #FFFFFF;
  text-decoration: none;
}

li a.vermont {
  display: block;
  color: #FFFFFF;
  margin-right: 20px;
  text-decoration: none;
}

/* Change the link color on hover */
li a.spring:hover {
  background-color: #FF0004;
  color: white;
}
li a.vermont:hover {
  background-color: #FF0004;
  margin-right: 20px;
  color: white;
}

li:not(:last-child) {
    margin-bottom: 10px;
}

a {
  display: block;
  color: dimgray;
  text-decoration: none;
	transition: .2s;
}

/* Change the link color on hover */
a:hover {
  color: white;
}