/**
 * -----------------------------------------------------------------------------
 * Root Styles
 * -----------------------------------------------------------------------------
*/

body,html{width:100%;height:100%;}
body{background:url(../images/bg-pattern.gif);}

/**
 * -----------------------------------------------------------------------------
 * Global
 * -----------------------------------------------------------------------------
*/

/**
 * -----------------------------------------------------------------------------
 * Main
 * -----------------------------------------------------------------------------
*/
.pos-anchor{position:absolute;left:50%;top:50%;}
	.main{position:absolute;left:-250px;top:-150px;width:500px;height:255px;text-align:center;}
		.main .logo{display:block;width:239px;height:91px;margin:0 auto 50px auto;background:url(../images/logo.png) no-repeat;}
		.main h1 {display:block;color: #5F5F5F;font-size: 40px;margin: 0;font-style:italic;text-shadow:#000000 0px 1px 2px;font-family: 'Lobster Two', 'Lato';}
@media (max-width: 500px){
	.pos-anchor{position: relative;	left:auto;top:auto;}
	.main{width: 100%;position:relative;left:auto;top:100px;}
}		

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) { 
	.main .logo{width:120px;height:45px;background-size:contain;}
}