body{
	background: url(images/homebackground.jpg) no-repeat center center fixed;
	background-size:cover;
	background-position: center;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
	background-repeat: no-repeat;
	
}

html, body {
    height: 100%;
	margin:0;
	padding:0;
	overflow-x: hidden;
	overflow-y: hidden;

}


input[type=password] {
  border-radius: 8px;
	height: 30px;
	KHTMLOpacity: 1.00;
	MozOpacity: 1.00;
	opacity: 1.00;
	font-size: 16px;
  -webkit-appearance: none;
	
}


input[type=button]{
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 5px 30px 5px 30px;
  text-decoration: none;
	
}


input[type=button]:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}



.felix{
	position:relative;
	
}

.storyClose {
cursor: pointer;
cursor: hand;
}

.mo{
	position:relative;	
}

.mo img {
	position: fixed;
	z-index: 1;
	bottom: 15px;
	left: 15px;
	max-width: 20%;
	
}

/*p {font-size: 4vw;}*/

ol{
    list-style-type: none;
	    margin: 0;
    padding: 0;
	
}

li {
	display: inline;
	font-family: 'Luckiest Guy', cursive;
	
	padding-left: 15px;
	padding-right: 15px;
	line-height: 95px;
	vertical-align: middle;
	font-size:3.5vw

	
}


li a {
	color: white;
	text-shadow: 2px 2px 4px rgba(0,0,0,0.50);
	text-decoration: none;
	letter-spacing: 2px;
}

li a:hover {
	color:rgba(255,178,67,1.00);
	text-shadow: 2px 2px 4px rgba(0,0,0,0.50);
	text-decoration: none;
	letter-spacing: 2px;
}


.felix img {
	position: fixed;
	z-index: 1;
	bottom: 0;
	right: 0;
    width: 30%;
}

.middleItems{
	z-index: 2;
	position: relative;
	text-align: center;
	top: 50%;
 	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
	
	

 
}

.Menu {
	height: 95px;

}


.logo {
	
	margin-bottom: 20px;
	
}

.logo img {
	
	width: 400px;
	max-width: 70%;
	
}
.tagline {
	margin-top: 20px;


}

.tagline img{
	width: 600px;
	max-width: 100%;
}

.loginform {
	height: 95px;
}




/* Large desktop */
@media (min-width: 627px) {
   li {
      font-size:30px;
   }
}

@media (max-height: 477px) {
  
      .logo img {
	
	width: 100px;
	max-width: 70%;
	
   }
   
   .tagline img{
	width: 300px;
	max-width: 100%;
}

	input[type=password] {
  border-radius: 8px;
	height: 20px;
	KHTMLOpacity: 1.00;
	MozOpacity: 1.00;
	opacity: 1.00;
	font-size: 14px;
  -webkit-appearance: none;
  	
	
}


	input[type=button]{
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  color: #ffffff;
  font-size: 14px;
  padding: 5px 30px 5px 30px;
  text-decoration: none;
	
}

.tagline {
	margin-top: 5px;


}

.loginform {
	height: 75px;
}

.logo {
	
	margin-bottom: 15px;
	
}

li {
	display: inline;
	font-family: 'Luckiest Guy', cursive;
	
	padding-left: 15px;
	padding-right: 15px;
	line-height: 55px;
	vertical-align: middle;
	

	
}

.Menu {
	height: 75px;

}

.mo img {
	position: fixed;
	z-index: 1;
	bottom: 10px;
	left: 15px;
	width: 50px;
	
}


}


/*	filter: alpha(opacity:60); 

	top: 50%;
	left: 50%;
	margin: auto;
*/