* {
	transition: all 0.5s ease-in-out;
}
html, body {
	margin: 0;
	padding: 0;
	height: 100%;
}
body {
	background: #000 url(../img/back.jpg) center top no-repeat;
	background-size:cover;
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
a {
}
a:hover, a:focus {
	outline: none;
}
#logo{
	position:absolute;
	bottom:0;
	right:0;
}

/****/
#tvfolio {
    background: url("http://www.tvfolio.com/images/logo.jpg") no-repeat scroll left bottom / cover rgba(0, 0, 0, 0);
    display: block;
    height: 50px;
    position: fixed;
    width: 50px;
    z-index: 100;
}
#tvfolio:hover {
	background-position:left top;
}
#tvfolio span {
    display: none;
}
/*****/


/**responsive**/
@media (max-width:1200px) {

}
@media (max-width:992px) {

}
@media (max-width:768px) {
	
}
@media (max-width:500px) {
	body {
  background-position: center 70px;
    background-size: 100% auto;
	}
	#logo {
		text-align: center;
		width:100%;
		display:block;
		position:inherit;
	}
	#tvfolio{
		display:none;
	}

}