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

body {
  background-color: #325D5E;
  background-image: url("WoodlandHarpy.jpg");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: top; 
  background-size:cover;
  font-family: 'Open Sans', Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  color: #333E3D;
  font-size: 14px;
  line-height: 1.75em;
}

a {
	font-weight:200;
    text-decoration: none;}

a:link {
  color: #ffffff;
}


a:hover {
  color: #000000 !important;
}

a:visited{
  color: #ffffff;
}

a:active{
  color: #00FFFA;
}

.title-box{
    
	width: 100%;
	height: 100%;

}
.title-box-inner{

	font-weight: 300;
	font-size: 180%;
	width: 100%;
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	align-content: center;
	text-align: center;
}

.main-logo {
	width: 100%;
	height: auto;

	padding: 10px;
}

.main-title {
	color: #ffffff;

	background-color: rgba(0,0,0,0.33);
	padding: 20px;
    border-bottom: 2px solid #ffffff;
	border-top: 2px solid #ffffff;
}

.enter-site {
	width: 100%;
    padding-top:20px;
	position:relative;
	

}
.enter-button {
	font-weight: 800;
	font-size: 220%;
	width: 400px;
	height: 25px;
	left: 50%;
	padding:20px;
	position:absolute;
	margin: 0 0 0 -200px;
    border-bottom: 2px solid #ffffff;
	border-top: 2px solid #ffffff;
	background-color: rgba(0,0,0,0.33);	
}

.enter-button:hover {
	background-color: rgba(255,255,255,0.33);	
}