/* ==========================================================================
   Author's custom styles
   ========================================================================== */
@import url('https://fonts.googleapis.com/css?family=Amatic+SC:400,700');

body{
	position: relative;
    height: 100vh;
	background: url('../img/cover.jpg') no-repeat right center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
body:before{
	content: '';
	display: block;
	position: absolute;
	top: 80%;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0.9;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,1+100;Neutral+Density */
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}
.content-box{
	position: absolute;
	top: 50%;
	width: 100%;
	text-align: center;
	color: #fff;
}
.content-box h1{
	font-family: 'Amatic SC', cursive;
	font-size: 50px;
	text-shadow: 0 0 15px rgba(0,0,0,0.8);
}
.link-box{
	max-width: 400px;
	margin: 0 auto;
}
.link-box a, .link-box a:hover, .link-box a:focus, .link-box a:active{
	color: #fff;
	text-shadow: 0 0 15px rgba(0,0,0,0.8);
}