@charset "UTF-8";
/* CSS Document */

@font-face {
    font-family: 'bwregular';
    src: url('../font/bw-regular-webfont.woff2') format('woff2'),
         url('../font/bw-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'bwlight';
    src: url('../font/bw-light-webfont.woff2') format('woff2'),
         url('../font/bw-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body {
	background-image: url(../img/53ddabe1b6e22591cba48fc059d456b8-blur.jpg);
	background-attachment: fixed;
	background-size: cover;
	background-color:black;
	text-align: center;
	color: #FFFFFF;
	overflow-x: hidden;
}

.center {
	padding: 11% 6% 6% 6%;
}

p {
	font-size: 5vw;
	font-family: 'bwregular';
	line-height: 1;
	text-transform: uppercase;
	color: gold;
}

#as {
	top: 10px;
	left: 10px;
	position: fixed;
	z-index: 100;
	font-family: 'bwlight';
	font-size: 3.33vw;
} 

#ad {
	top: 10px;
	right: 10px;
	position: fixed;
	font-family: 'bwlight';
	font-size: 3.33vw;
} 

#bs {
	bottom: 10px;
	left: 10px;
	position: fixed;
	font-family: 'bwlight';
	font-size: 3.33vw;
} 

#bd {
	bottom: 10px;
	right: 10px;
	position: fixed;
	font-family: 'bwlight';
	font-size: 3.33vw;
} 


a:link {
	text-decoration: none; 
	color: #FFFFFF;
}

a:hover {
	text-decoration: none; 
	color: gold;
}

a:active{
	text-decoration: none; 
	color: gold;
}

a:visited{
	color: #FFFFFF;
}


#bottom {
	position:absolute;
	left:0;
	bottom:5px;
	width:100%;
	height:35px;
	z-index:8000;
	background-color: #000000;
	padding: 5px;
}



@media only screen and (max-width: 1024px) and (orientation: portrait) {
	.center {
		padding: 20% 5%;
	}

	p {
		font-size: 9.99vw;
	}

	#as, #ad, #bs, #bd {
		font-size: 6.66vw;
	} 
  }


  @media only screen and (max-width: 1024px) and (orientation: landscape) {
	.center {
		padding: 5% 5%;
	}

	p {
		font-size: 6.66vw;
	}

	#as, #ad, #bs, #bd {
		font-size: 3.33vw;
	} 
	
}