@font-face {
    font-family: 'basier_circleregular';
    src: url('webFonts/basiercircle-regular-webfont.eot');
    src: url('webFonts/basiercircle-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('webFonts/basiercircle-regular-webfont.woff2') format('woff2'),
         url('webFonts/basiercircle-regular-webfont.woff') format('woff'),
         url('webFonts/basiercircle-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

*,
*:after,
*:before {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility
}

html {
    background: url(bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

body {
margin:0;
padding:0;
font-family: 'basier_circleregular';
font-size:14px;
font-weight:normal;
line-height:160%;
letter-spacing:0.07em;
color:#FFF;
min-height: 100%; 
    hight: 100%;

}



.bottom {
    position: absolute;
    bottom: 40px;
    left: 50%;
	margin-left:auto;
margin-right:auto;
text-align:center;
    margin-left: -194px;
    
}

a {
    color:#FFF;
    display: inline-block;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    outline: 0;
    -webkit-transition:all 0.3s;
    -o-transition:all 0.3s;
    transition:all 0.3s;
}

a:hover {
   color:#DDDDDD;
}

a:focus {
    outline: 0
}


img.logo{
    max-width: 350px;
	
}

.content {
	width:100%;

	position: absolute;
top: 20%;
left: 50%;
margin-left:auto;
margin-right:auto;
text-align:center;
transform:translate(-50%, -50%);

}
.bottom p { margin: 0; padding: 0; }

br.desktop { display:none;}
span.desktop { font-weight: 100;}


h1 {
	font-size:14px;
	font-weight:normal;
	margin-bottom:0;
	padding:0;
	margin:0;
	padding-bottom:10px;
}

@media (max-height:700px){



img.logo{
    max-width: 300px;
	margin-bottom:35px;
}

    .bottom {
	bottom: 20px;
	/* width: 60%; */
	/* margin-left: auto; */
	margin-right: auto;
	text-align: center;
	margin-left: -92px;
}


}






@media (max-height:500px){


img.logo{
    max-width: 300px;
	margin-bottom:35px;
}
    
    .bottom {
	bottom: 20px;
	/* width: 60%; */
	/* margin-left: auto; */
	margin-right: auto;
	text-align: center;
	margin-left: -92px;
}

}


@media (max-height:900px){


img.logo{
    max-width: 300px;
	margin-bottom:35px;
}


}

@media screen and (max-width:680px){


br.desktop { display:initial;}
span.desktop { display:none }

.bottom {
	bottom: 25px;
	margin-left: -92px;
}

   .bottom p {  margin-bottom: 15px;} 

}