.intro{
	overflow: hidden;
}
.intro .text{
	width: 100%;
	text-align: center;
	position: absolute;
	padding: 5% 0 10% 0;
	color: #ffffff;
	background: linear-gradient(to bottom, rgba(0,0,0,0.95) 0%, rgba(0,0,0,0) 100%);
	z-index: 1;
	animation: appear 1s;
}
.intro img{
	width: 100%;
	animation: showup 1s;
}

.f {
	width:120px; 
	height:50px; 
	background:#fff; 
	position:fixed; 
	right:30px; 
	top:180px; 
	margin:0px;
	border-radius:20px;
	box-shadow: 1px 1px 5px rgba(0,0,0,.5);
}
.f:hover{
	background:#618ccc; 
	cursor:pointer;
	transform: scale(1.1);
	transition: all 0.5s ease-in-out;
}
input[type="button"] {
	font-size: 16px;
	z-index: 1;
}

@keyframes appear
{
	from {opacity: 0}
	to {opacity: 1}
}
@keyframes showup
{
	from {opacity: 0; transform: scale(1.05)}
	to {opacity: 1; transform: scale(1)}
}
.intro h1{
	line-height: 0px;
}
.intro h2{
	color: #00a9ec;
}
@media(max-width: 800px) {
	input[type="button"] {
		z-index: -1;
		font-size: 16px;
	}
}