@import url('fonts.css');
* {
	padding:0;
	margin:0;
	border:none;
	outline:none;
}
body {
	background: url(background.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.img {
	width:100%;
	max-width:300px;
	height:auto;
	margin:0 auto;
	line-height:0;
}
.img img {
	width:100%;
}
.links {
	width:auto;
	position:absolute;
	top:0;
	right:0;
}
.links ul {
	width:200px;
	list-style:none;
	margin:50px 40px 0 0;
}
.links li {
	width:auto;
}
.links li a {
	font-family:'tahoma';
	font-size:25px;
	display:block;
	color:#fff;
	text-decoration:none;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-ms-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	transition:all 0.4s ease;
	background:#00aafa;
	padding:7px 10px;
	margin:5px 0;
	text-shadow:0 0 2px rgba(0,0,0,0.3);
}
.links li a:hover {
	margin-left:-20px;
	color:#ffcb46;
	
}
@media only all and (max-width:600px) {
.links {
	width:auto;
	position:relative;
	top:auto;
	right:auto;
	padding:0;
}
.links ul {
	width:100%;
}
.links li a:hover {
	margin-left:20px;
}
}