*, *:before, *:after{ box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin: 0; padding: 0; }

html, body { height: 100%; width: 85%; }

body { 
	background: #fff;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	font-weight: "light";
	color: #272727;
	margin: 0;
	padding: 0;
	letter-spacing: 0;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}


.pure-g { width: 100%; }



h1 { text-indent: -10000em; height: 49px; display: block; margin: 0; background: url(../img/hungry-logo.png) top left no-repeat; background-size: 174px 49px;}
h2 { font-size: 35px; line-height: 50px; font-weight: 100; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -ms-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: optimizeLegibility; letter-spacing: 0px;}
p.big { font-size: 50%; line-height: 40px; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -ms-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: optimizeLegibility; letter-spacing: 0px; }
h3, p.small { font-weight: bold; font-size: 15px; line-height: 40px; font-weight: bold; text-transform: uppercase; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -ms-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: optimizeLegibility; letter-spacing: 1px; }
p.small { color: #a0a0a0; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -ms-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: optimizeLegibility; }

a:link, a:visited { color: #a0a0a0; border-bottom: 1px solid transparent; text-decoration: none; transition: all 0.2s ease-in 0.2s; -webkit-transition: all 0.2s ease-in 0.2s; -moz-transition: all 0.2s ease-in 0.2s; -o-transition: all 0.2s ease-in 0.2s; } 
a:hover, a:active { color: #272727; border-bottom: 1px solid #272727;  }

.logo { margin: 0 0 53px 0; }
.text { margin-bottom: 65px; }
.img-set-1 { margin-bottom: 65px; height: 100%;}
.img-set-2 { margin-bottom: 65px; }
.footer { padding-bottom: 130px; }

.smallImg img { float: left;  }
.img-set-1 .smallImg img:first-child { margin-bottom: 65px; }
.img-set-2 .smallImg img:first-child { margin-bottom: 65px; }
.bigImg img { float: left; }

.smallImg, .bigImg { height: 100%; overflow: hidden; }

.pure-img { width: 100%; }



@media only screen and (min-width: 1em) {
.wrap { width: 90%; margin: 25px 5% 0 5%;  /*background: grey;*/ }
.img-set-1 img, .img-set-2 img { margin-bottom: 65px; }
.img-set-1, .img-set-2 { margin-bottom: 0; }
.footer .pure-u-1-1 { margin-bottom: 65px; }
p.small { line-height: 20px; margin-top: 20px; }
.footer { padding-bottom: 0px; }
h1 { background-size: 115px 32px;}
.logo { margin: 0 0 10px 0; }
h2 { font-size: 25px; line-height: 35px; }
}

@media only screen and (min-width: 35.5em) {
.wrap { width: 90%; margin: 0 5%;  /*background: green;*/ margin-top: 40px; }
.img-set-1 img, .img-set-2 img { margin-bottom: 65px; }
.img-set-1, .img-set-2 { margin-bottom: 0; }
p.small { line-height: 40px; margin-top: 0; }
.footer { padding-bottom: 0px; }
h1 { background-size: 174px 49px;}
.logo { margin: 0 0 53px 0; }
h1 { background-size: 174px 49px;}
h2 { font-size: 35px; line-height: 50px; }
}

@media only screen and (min-width: 48em) {
.wrap { width: 90%; margin: 0 5%; /*background: yellow;*/ margin-top: 50px; }
.img-set-1 img, .img-set-2 img { margin-bottom: 65px; }
.img-set-1, .img-set-2 { margin-bottom: 0; }

}

@media only screen and (min-width: 64em) {
.wrap { width: 90%; margin: 0 5%; /*background: red;*/ margin-top: 100px; }
.footer .pure-u-1-1 { margin-bottom: 0; }
.footer { padding-bottom: 130px; }
}

@media only screen and (min-width: 1900px) {
.wrap { width: 1560; margin: 0 130px; /*background: white;*/ margin-top: 130px; }

}