@charset "UTF-8";

@font-face {
    font-family: 'AvantGarde';
    src: url('../fonts/agw_ce-webfont.eot');
    src: url('../fonts/agw_ce-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/agw_ce-webfont.woff') format('woff'),
         url('../fonts/agw_ce-webfont.ttf') format('truetype'),
         url('../fonts/agw_ce-webfont.svg#AvantGardeCEBook') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AvantGardeBold';
    src: url('../fonts/h_itcgg_-webfont.eot');
    src: url('../fonts/h_itcgg_-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/h_itcgg_-webfont.woff') format('woff'),
         url('../fonts/h_itcgg_-webfont.ttf') format('truetype'),
         url('../fonts/h_itcgg_-webfont.svg#HITCAvantGardeGothicDemi') format('svg');
    font-weight: normal;
   font-style: normal;
}
@font-face {
    font-family: 'ArialBlack';
    src: url('../fonts/h_arbl__-webfont.eot');
    src: url('../fonts/h_arbl__-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/h_arbl__-webfont.woff') format('woff'),
         url('../fonts/h_arbl__-webfont.ttf') format('truetype'),
         url('../fonts/h_arbl__-webfont.svg#harblRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
.clr {clear:both;}

body {
	background: #747474 url(../img/nyito.jpg) top center;
	margin:0;
	padding:0;
	font-family: AvantGarde, Helvetica, Arial, sans-serif;
	letter-spacing:-2px;
	color:white;	
	font-size:29px;
}
h1.title {
	font-family: ArialBlack, Helvetica, Arial, sans-serif;
	text-align:center;
	text-shadow: 2px 2px 0px #fff;
	margin:550px auto 0 auto;
	padding-left:18px;
	font-size:55px;
	color:#313133;
}
#cityselect {
	width:590px;
 	margin:0px auto 0 auto;
}

#cityselect a {
	background:url(../img/citybutton.png) no-repeat;
	float:left;
	width:230px;
	height: 85px;
	text-transform:uppercase;
	color:white;
	text-align:center;
	padding-top:29px;
	font-size:25px;
	text-decoration:none;
	margin:0 0 0 10px;
}
#cityselect a.first {margin-left:30px;}
#cityselect a.fb {
	background:none;
	float:left;
	margin:0 0 0 10px; padding-top:12px; width:64px; height:64px;
}
#cityselect a:hover {
	
}

@media (max-height: 840px)
{
	body { background-position: center -120px; background-repeat: no-repeat; }
	h1.title { margin-top: 450px; }	
}

@media (max-width: 640px)
{
	body { background-size: 1500px auto; padding-bottom: 100px; }
	h1.title { font-size: 40px; margin-top: 320px; padding-left: 0px; }
	#cityselect { width: 92%; margin-top: 10px; }
	#cityselect .button { width: 230px; margin: 0 auto; }
	#cityselect a { margin: 0px !important; height: 55px; }
	#cityselect .fb { position: absolute; left: 50%; margin-left: -32px !important; margin-top: 155px !important; }
	#cityselect .button + .button + .button { top: -10px; position: relative; }
}

@media (max-width: 480px)
{
	body { background-size: 1140px auto; padding-bottom: 45px; background-position: center -100px; }
	h1.title { font-size: 30px; margin-top: 230px; }
	#cityselect { width: 92%; margin-top: 5px; }
	#cityselect a { padding-top: 27px; }
	#cityselect .button { -webkit-transform: scale(0.95); transform: scale(0.9); }
	#cityselect .fb { margin-top: 143px !important; }
	#cityselect .button + .button + .button { top: -15px; z-index: 2; }
}