@font-face {
font-family: 'Londrina Outline';
font-style: normal;
font-weight: 400;
src: url('lon_out.woff');
}

@font-face {
font-family: 'Londrina Solid';
font-style: normal;
font-weight: 400;
src: url('lon_sol.woff');
}

@font-face {
font-family: 'Londrina Sketch', cursive;
font-style: normal;
font-weight: 400;
src: url('lon_ske.woff');
}


html {
height: 100%;
}

body {
font-family: 'Londrina Sketch', cursive;
background-color: #FFF;
background: -moz-linear-gradient(30deg, rgba(255,255,200,0.9) 0%,rgba(30,30,30,0.5) 65%,rgba(202,87,91,0.8) 100%) no-repeat center center fixed;
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(255,255,200,0.9)), color-stop(65%,rgba(30,30,30,0.5)), color-stop(100%,rgba(202,87,91,0.8)))  no-repeat center center fixed;
background: -webkit-linear-gradient(30deg, rgba(255,255,200,0.9) 0%,rgba(30,30,30,0.5) 65%,rgba(202,87,91,0.8) 100%) no-repeat center center fixed;
background: -o-linear-gradient(30deg, rgba(255,255,200,0.9) 0%,rgba(30,30,30,0.5) 65%,rgba(202,87,91,0.8) 100%) no-repeat center center fixed;
background: -ms-linear-gradient(30deg, rgba(255,255,200,0.9) 0%,rgba(30,30,30,0.5) 65%,rgba(202,87,91,0.8) 100%) no-repeat center center fixed;
background: linear-gradient(30deg, rgba(255,255,200,0.9) 0%,rgba(30,30,30,0.5) 65%,rgba(202,87,91,0.8) 100%) no-repeat center center fixed;
}


@media screen
and (min-width: 870px) {
#cont {
width: 920px;
height: 720px;
margin: 0 auto;
}










/* Header */
.main-title {
position: absolute;
margin: 0;
padding: 0;
color: #f9f1e9;
text-align: center;
top: 115px;
left: 457px;
-webkit-transform: translate3d(-50%,-50%,0);
transform: translate3d(-50%,-50%,0);
}

.heade .main-title {
padding: 10px 40px;
border: 10px double #f9f1e9;
text-transform: uppercase;
font-family: Londrina Outline, sans-serif;
}

.main-title .thin {
font-weight: 200;
}
/* /// Header */





#header {
width: 920px;
height: 210px;
margin: 0 auto;
margin-bottom: 43px;
}

.large-header {
position: relative;
width: 920px;
height: 250px;
top: 0px;
left: 0px;
}

#header-canvas {
width: 920px;
height: 250px;
position: absolute;
top: 0px;
left: 0px;
}

.heade .main-title {
text-transform: uppercase;
font-size: 120px;
letter-spacing: 0.1em;
}


#language {
width: 820px;
height: 250px;
margin: 0 auto;
margin-top: 60px;
}

#legal {
width: 745px;
height: 60px;
margin: 0 auto;
margin-top: 100px;
}

#legal2 {
width: 920px;
height: 60px;
margin: 0 auto;
margin-top: 10px;
}

#res_cont {
display: none;
}
}




@media screen
and (max-width: 870px) {
#cont {
display: none;
}

#res_cont {
min-width: 250px;
max-width: 800px;
min-height: 440px;
margin: 0 auto;
}

#res_legal {
min-width: 200px;
max-width: 800px;
min-height: 60px;
margin: 0 auto;
margin-top: 40px;
float: left;
}

#res_legal2 {
min-width: 200px;
max-width: 800px;
min-height: 60px;
margin: 0 auto;
margin-top: 10px;
float: left;
}




/* Header */
.main-title {
position: absolute;
margin: 0;
padding: 0;
color: #f9f1e9;
text-align: center;
top: 80px;
left: 100px;
-webkit-transform: translate3d(-50%,-50%,0);
transform: translate3d(-50%,-50%,0);
}

.heade .main-title {
padding: 10px 40px;
border: 10px double #f9f1e9;
text-transform: uppercase;
font-family: Londrina Outline, sans-serif;
}

.main-title .thin {
font-weight: 200;
}
/* /// Header */




#res_header {
width: 200px;
height: 80px;
margin: 0 auto;
margin-bottom: 43px;
}

.large-header {
position: relative;
width: 200px;
height: 80px;
top: 0px;
left: 0px;
}

#header-canvas {
width: 200px;
height: 80px;
position: absolute;
top: 0px;
left: 0px;
}

.heade .main-title {
text-transform: uppercase;
font-size: 40px;
letter-spacing: 0.1em;
}






#res_lang {
min-width: 200px;
max-width: 800px;
min-height: 60px;
margin: 0 auto;
margin-top: 40px;
float: left;
}
}