@charset "UTF-8";

html {
	background: url(sky.jpg) no-repeat center center fixed; 
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
}

body { 
	text-align: center;
	font-family: "kandal", Georgia;
}

img {
	max-width: 33%;
}

ul	{
	padding: 8px 0px;
	text-align: center;
}

li {

	font-size: 24px;	
	padding: 0px 35px;
	line-height: 2.8;
	list-style-type: none;
}

a:link {
	color: white;
	transition: color .2s ease-out;
	text-decoration: none;
	font-style: italic;
	font-weight: bold;
}

a:visited {
	color: white;
}

a:hover {
	color: #bac2d1;
	text-decoration-color: #bac2d1;
	text-decoration-offset: 2px;
	transition: color .1s ease-out;
}

#outer {
	position: absolute;
	  top: 48%;
	  left: 50%;
	  -ms-transform: translateX(-50%) translateY(-48%);
	  -webkit-transform: translate(-50%,-48%);
	  transform: translate(-50%,-48%);
	  width: 60%;
}

#container {
	text-align: center;
}


@media only screen and (max-width:640px) {
	
	img {
		max-width: 70%;
	}
	
	ul {
		padding: 2px 0px;
	}
	
	li {
		padding: 0px 17px;
		line-height: 2.2;
		font-size: 24px;
		display: block;
	}
	
	#outer {
		width:80%;
	}	

}