@charset "utf-8";
/*--iPAD & SIMILAR HANDHELD DEVICES--*/

@media only screen and (min-width:480px), only screen and (max-width:768px) {
	
body{font-size:14px}

h1{font-size:2.1em;}

/*-- HEADER --*/
header{background:none; width:100%; height:373px; position:relative; margin:10px 0 0 0}
.h-block1{display:block; width:33%; float:left; padding:25px 0 10px 20px; margin:14px 0 0 16px}
.h-block1 p{font-size:1.1em; line-height:1.4em; margin:0;}
.h-block1 p span{font-size:1.6em; }

#logo{float:left; width:250px; height:121px; margin:14px 0 0 20px; padding:0; }

#delivery-guy{display:block; width:200px; height:189px; margin:0; padding:0; position:absolute; top:184px; right:auto; left:50px; z-index:3000; background:url(../images/delivery-guy.png) left top no-repeat; background-size:100% auto}

/*--MAIN NAVIGATION--*/
nav{height:auto}
nav li a{font-size:1.15em; padding:0 10px; }
nav li.last{border-right:none}
nav li a.active{color:#fff !important; text-decoration:none;}
nav li a:hover{color:#fff; text-decoration:none; }

/*--CONTENT AREAS--*/
#wrapper{background:none; margin:-428px auto 0 auto; max-width:768px; min-width:480px; position:relative; padding:0}

.contentblock{width:65%; float:left; margin:0 0 30px 0; padding:0 0 0 25px; border-left:1px solid #f0f0f0;}
.headerblock{width:25%; float:left; margin:0 15px 20px 0; padding:0 0 0 0; text-align:right}

/*--FOOTER--*/
#footerbar{height:120px; width:100%; padding:0; margin:15px 0 0 0; background:#0086ae;}
footer{background:none; max-width:768px; min-width:480px; margin:0 auto; padding:25px 0; position:relative;}

}