@font-face {
	font-family: Perpetua;
	src: url(../fonts/Perpetua.ttf);
}
html, body {
	height: 100%;
	overflow:hidden;
}

.container-fluid {
	margin: 0 auto;
	height: 100%;
	padding: 0 0;

	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.row, .col {
	height: 100%;
	padding: 0;
	position:relative;
	margin-top:-1px;
}
#svg
{
	width:100%;
	height: 102%;
	position:relative;
	z-index:1000;
}

#main
{
	font-family: Perpetua !important;
	margin:0 auto;
	text-align: center;
	color: #fff;
	position:relative;
	z-index:1;
}
#main input
{
	font-family: Perpetua !important;
	width:300px;
	font-size: 1.5em;
	color:#888;
	letter-spacing: 3px;
}

#enter:hover
{
	cursor:hand;
	cursor:pointer;
}

h1 
{
	letter-spacing: 5px;
	font-size: 3em;
	font-size: 2.5vw;
	margin-top:2vh;
}
h4
{
	letter-spacing: 5px;
	font-size: 2em;
	font-size: 1.5vw;
}
#foot
{
	font-family: Perpetua !important;
	color: #555;
	letter-spacing: 5px;
	font-size: 1.5em;
	font-size: 1vw;
	position:absolute;
	display:none;
	z-index: 2000;
	margin-left: 2vw;
}

.btn-link
{
	color: #fff !important;
	text-decoration: none !important;
}

@media only screen and (max-device-width: 480px) {    
	h1 
	{
		letter-spacing: 1px;
		font-size: 3em;
		font-size: 3.5vw;
		margin-top:2vh;
	}
	h4
	{
		letter-spacing: 1px;
		font-size: 2em;
		font-size: 2.5vw;
	}
	#foot
	{
		font-family: Perpetua !important;
		color: #555;
		letter-spacing: 1px;
		font-size: 1.5em;
		font-size: 2.5vw;
		position:absolute;
		display:none;
		margin-left: 10vw;
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	h1 
	{
		letter-spacing: 1px;
		font-size: 3em;
		font-size: 3.5vw;
		margin-top:2vh;
	}
	h4
	{
		letter-spacing: 1px;
		font-size: 2em;
		font-size: 2.5vw;
	}
	#foot
	{
		font-family: Perpetua !important;
		color: #555;
		letter-spacing: 1px;
		font-size: 1.5em;
		font-size: 2.5vw;
		position:absolute;
		display:none;
		margin-left: 4vw;
	}
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
	#foot
	{
		font-family: Perpetua !important;
		color: #555;
		letter-spacing: 1px;
		font-size: 1.5em;
		font-size: 2.5vw;
		position:absolute;
		display:none;
		margin-left: 5vw;
	}
}

@media only screen and (-webkit-device-pixel-ratio:.75){
	h1 
	{
		letter-spacing: 1px;
		font-size: 3em;
		font-size: 3.5vw;
		margin-top:2vh;
	}
	h4
	{
		letter-spacing: 1px;
		font-size: 2em;
		font-size: 2.5vw;
	}
	#foot
	{
		font-family: Perpetua !important;
		color: #555;
		letter-spacing: 1px;
		font-size: 1.5em;
		font-size: 2.5vw;
		position:absolute;
		display:none;
		margin-left: 5vw;
	}

@media only screen and (-webkit-device-pixel-ratio:1){
	h1 
	{
		letter-spacing: 1px;
		font-size: 3em;
		font-size: 3.5vw;
		margin-top:2vh;
	}
	h4
	{
		letter-spacing: 1px;
		font-size: 2em;
		font-size: 2.5vw;
	}
	#foot
	{
		font-family: Perpetua !important;
		color: #555;
		letter-spacing: 1px;
		font-size: 1.5em;
		font-size: 2.5vw;
		position:absolute;
		display:none;
		margin-left: 5vw;
	}
}

@media only screen and (-webkit-device-pixel-ratio:1.5){
	h1 
	{
		letter-spacing: 1px;
		font-size: 3em;
		font-size: 3.5vw;
		margin-top:2vh;
	}
	h4
	{
		letter-spacing: 1px;
		font-size: 2em;
		font-size: 2.5vw;
	}
	#foot
	{
		font-family: Perpetua !important;
		color: #555;
		letter-spacing: 1px;
		font-size: 1.5em;
		font-size: 2.5vw;
		position:absolute;
		display:none;
		margin-left: 5vw;
	}
}