/**
 * @license
 * MyFonts Webfont Build ID 2915468, 2014-11-04T15:01:15-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Quadon by Rene Bieder
 * URL: http://www.myfonts.com/fonts/rene-bieder/quadon
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2915468
 * Licensed pageviews: 10,000
 * Webfonts copyright: Copyright © 2012 by Rene Bieder. All rights reserved.
 * 
 * © 2014 MyFonts Inc
*/
  
@font-face {
	font-family: 'Quadon';
	font-weight: normal;
	src: url('/media/fonts/quadon/2C7C8C_D_0.eot');
	src: 
		url('/media/fonts/quadon/2C7C8C_C_0.eot?#iefix') format('embedded-opentype'),
		url('/media/fonts/quadon/2C7C8C_C_0.woff2') format('woff2'),
		url('/media/fonts/quadon/2C7C8C_C_0.woff') format('woff'),
		url('/media/fonts/quadon/2C7C8C_C_0.ttf') format('truetype');
}

@font-face {
	font-family: 'Quadon';
	font-weight: bold;
	src: url('/media/fonts/quadon/2C7C8C_10_0.eot');
	src: 
		url('/media/fonts/quadon/2C7C8C_10_0.eot?#iefix') format('embedded-opentype'),
		url('/media/fonts/quadon/2C7C8C_10_0.woff2') format('woff2'),
		url('/media/fonts/quadon/2C7C8C_10_0.woff') format('woff'),
		url('/media/fonts/quadon/2C7C8C_10_0.ttf') format('truetype');
}


/* cyrillic-ext */
@font-face {
	font-family: 'Roboto Slab';
	font-style: normal;
	font-weight: 400;
	src:
		local('Roboto Slab Regular'),
		local('RobotoSlab-Regular'),
		url(/media/fonts/roboto-slab/BngMUXZYTXPIvIBgJJSb6ufA5qW54A.woff2) format('woff2');
	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
	font-family: 'Roboto Slab';
	font-style: normal;
	font-weight: 400;
	src:
		local('Roboto Slab Regular'),
		local('RobotoSlab-Regular'),
		url(/media/fonts/roboto-slab/BngMUXZYTXPIvIBgJJSb6ufJ5qW54A.woff2) format('woff2');
	unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
	font-family: 'Roboto Slab';
	font-style: normal;
	font-weight: 400;
	src:
		local('Roboto Slab Regular'),
		local('RobotoSlab-Regular'),
		url(/media/fonts/roboto-slab/BngMUXZYTXPIvIBgJJSb6ufB5qW54A.woff2) format('woff2');
	unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
	font-family: 'Roboto Slab';
	font-style: normal;
	font-weight: 400;
	src:
		local('Roboto Slab Regular'),
		local('RobotoSlab-Regular'),
		url(/media/fonts/roboto-slab/BngMUXZYTXPIvIBgJJSb6ufO5qW54A.woff2) format('woff2');
	unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
	font-family: 'Roboto Slab';
	font-style: normal;
	font-weight: 400;
	src:
		local('Roboto Slab Regular'),
		local('RobotoSlab-Regular'),
		url(/media/fonts/roboto-slab/BngMUXZYTXPIvIBgJJSb6ufC5qW54A.woff2) format('woff2');
	unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
	font-family: 'Roboto Slab';
	font-style: normal;
	font-weight: 400;
	src:
		local('Roboto Slab Regular'),
		local('RobotoSlab-Regular'),
		url(/media/fonts/roboto-slab/BngMUXZYTXPIvIBgJJSb6ufD5qW54A.woff2) format('woff2');
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
	font-family: 'Roboto Slab';
	font-style: normal;
	font-weight: 400;
	src:
		local('Roboto Slab Regular'),
		local('RobotoSlab-Regular'),
		url(/media/fonts/roboto-slab/BngMUXZYTXPIvIBgJJSb6ufN5qU.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
	font-family: 'Roboto Slab';
	font-style: normal;
	font-weight: 700;
	src:
		local('Roboto Slab Bold'),
		local('RobotoSlab-Bold'),
		url(/media/fonts/roboto-slab/BngRUXZYTXPIvIBgJJSb6u92w7CLwR26eg.woff2) format('woff2');
	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
	font-family: 'Roboto Slab';
	font-style: normal;
	font-weight: 700;
	src:
		local('Roboto Slab Bold'),
		local('RobotoSlab-Bold'),
		url(/media/fonts/roboto-slab/BngRUXZYTXPIvIBgJJSb6u92w7CCwR26eg.woff2) format('woff2');
	unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
	font-family: 'Roboto Slab';
	font-style: normal;
	font-weight: 700;
	src:
		local('Roboto Slab Bold'),
		local('RobotoSlab-Bold'),
		url(/media/fonts/roboto-slab/BngRUXZYTXPIvIBgJJSb6u92w7CKwR26eg.woff2) format('woff2');
	unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
	font-family: 'Roboto Slab';
	font-style: normal;
	font-weight: 700;
	src:
		local('Roboto Slab Bold'),
		local('RobotoSlab-Bold'),
		url(/media/fonts/roboto-slab/BngRUXZYTXPIvIBgJJSb6u92w7CFwR26eg.woff2) format('woff2');
	unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
	font-family: 'Roboto Slab';
	font-style: normal;
	font-weight: 700;
	src:
		local('Roboto Slab Bold'),
		local('RobotoSlab-Bold'),
		url(/media/fonts/roboto-slab/BngRUXZYTXPIvIBgJJSb6u92w7CJwR26eg.woff2) format('woff2');
	unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
	font-family: 'Roboto Slab';
	font-style: normal;
	font-weight: 700;
	src:
		local('Roboto Slab Bold'),
		local('RobotoSlab-Bold'),
		url(/media/fonts/roboto-slab/BngRUXZYTXPIvIBgJJSb6u92w7CIwR26eg.woff2) format('woff2');
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
	font-family: 'Roboto Slab';
	font-style: normal;
	font-weight: 700;
	src:
		local('Roboto Slab Bold'),
		local('RobotoSlab-Bold'),
		url(/media/fonts/roboto-slab/BngRUXZYTXPIvIBgJJSb6u92w7CGwR0.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}




* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html, body.landing {
	background-color: #fff;
	background-repeat: repeat;
	background-size: auto;
	font-family: 'Roboto Slab', serif;
	margin: 0;
	background-color: var(--background-color);
	color: var(--text-color);
	font-size: 14pt;
}


h1 {
	font-family: Quadon, 'Roboto Slab', serif;
	font-weight: 900;
	font-size: 36pt;
	color: var(--accent-color);
	margin: 1.5em 0 0 0;
	letter-spacing: 1px;
}

h2 {
	font-family: Quadon, 'Roboto Slab', serif;
	font-weight: normal;
	font-size: 36pt;
	color: var(--accent-color);
	margin: 0 0 1em 0;
}

.background-wrap  {
	top: 0;
	left: 0;
	width: 100%;
	position: absolute;
	z-index: 1;
	overflow-x: hidden;
	height: 600px;
}

.background-swoosh {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 42%;
	width: 1280px;
}

.content-wrap {
	position: relative;
	display: flex;
	justify-content: center;
	padding-top: 4em;
	z-index: 5;
}

.column {
	position: relative;
	width: 600px;
	padding: 16px;
}

a {
	color: var(--accent-color);
	text-decoration: none;
	font-weight: bold;
}

p a:hover, a.tel:hover {
	opacity: 0.7;
}

.tel-icon {
	margin-right: 1.25em;
	vertical-align: middle;
}

.order-online-button {
	font-weight: normal;
	background-color: var(--accent-color);
	color: #fff;
	display: inline-block;
	padding: 21px 50px;
	border-radius: 35px;
	margin-top: 2em;
	transition: transform 0.2s;
}

.order-online-button:hover {
	transform: scale(1.02, 1.02);
	box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
}



.column.content-media {
	max-width: 555px;
}

.phones-wrap {
	margin-top: 5em;
	position: relative;
	height: 550px;
}

.phone {
	position: absolute;
	width: 291px;
	height: 550px;
}

.phone-frame {
	position: absolute;
	left: 0;
	top: 0;
	width: 291px;
	height: 550px;
}

.phone-screenshot {
	position: absolute;
	left: 26px;
	top: 36px;
	right: 26px;
	width: 240px;
	height: 498px;
}

.phone-screenshot-head {
	position: absolute;
	left: 26px;
	top: 14px;
	width: 240px;
	height: 22px;
	background-color: var(--home-head-background-color);
}

.phone-screenshot-head-ui {
	position: absolute;
	width: 240px;
	height: 9px;
	top: 12px;
}

.phone-splash {
	position: absolute;
	left: 26px;
	top: 16px;
	right: 26px;
	width: 240px;
	height: 520px;
}

.store-icon {
	width: 134px;
	height: 40px;
}

.store-icon:hover {
	opacity: 0.8;
	box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
}

.phone-front {
	z-index: 10;
	left: 0;
	top: 0;
}

.phone-back {
	z-index: 5;
	right: 0;
	top: 0;
}

.app-buttons {
	text-align: right;
	margin: 4em 16px 0 0;
}


.foot {
	max-width: 1155px;
	margin: 0 auto;
	padding: 0 16px 0 16px;
	position: absolute;
	bottom: 3em;
	left: 0;
	right: 0;
	font-size: 11pt;
	color: var(--text-color);
	opacity: 0.5;
	z-index: 10;
}

.foot a {
	font-weight: normal;
	color: var(--text-color);
}

.foot a:hover {
	opacity: 0.7;
}

.foot-link {
	margin-right: 3em;
}

.topchef-icon {
	vertical-align: bottom;
	margin-bottom: -3px;
	margin-left: 12px;
}






.teaser-head {
	overflow: hidden;
	position: relative;
	height: calc(260px + 10vw);
}

.teaser-swoosh {
	display: block;
	position: absolute;
	bottom: 0px;
	left: -38%;
	width: 200%;
	z-index: 10;
}

.phone-teaser {
	position: absolute;
	z-index: 5;
	top: 2em;
	left: 0;
	right: 0;
	margin: 0 auto;
	overflow: hidden;
	height: calc(200px + 10vw);
}

.ios-rounding-error-fix {
	background-color: var(--background-color);
	position: absolute;
	width: 100%;
	bottom: -20px;
	height: 30px;
	z-index: 5;
}


@media (max-height: 940px) {
	.content-wrap {
		display: flex;
		justify-content: center;
		padding-top: 1em;
	}
	.foot {
		position: relative;
		bottom: auto;
		padding: 2em 16px 2em 16px;
	}
}

.narrow {
	display: none;
}

@media (max-width: 920px) {
	.narrow {
		display: block;
	}
	.wide {
		display: none;
	}

	.content-wrap {
		display: block;
		padding-top: 0;
	}
	.column, .content-media {
		width: auto;
		max-width: 560px;
		min-width: 320px;
		margin: 0 auto;
		padding: 16px 32px;
	}

	h1, h2 {
		font-size: 24pt;
	}

	body {
		padding-bottom: 128px;
	}

	.order-online-button {
		text-align: center;
		position: fixed;
		z-index: 100;
		bottom: 16px;
		left: 0;
		width: 90%;
		right: 0;
		margin: auto;
		max-width: 500px;
	}

	.tel-inline {
		text-align: center;
		margin: 3em 2em 1em 0;
	}

	.app-buttons {
		text-align: center;
		margin: 0 0 2em 0;
	}

	.app-buttons p {
		margin-bottom: 2em;
	}

	.foot {
		position: relative;
		bottom: auto;
		padding: 0 16px 2em 16px;
		margin-top: 3em;
		text-align: center;
	}
	.topchef-icon-wrap {
		display: block;
		margin-top: 1em;
	}

	.legal-links {
		display: block;
		margin-top: 1.2em;
	}

	.foot {
		z-index: 0;
	}

	.foot-link:last-child {
		margin: 0;
	}
}