@font-face {
	font-family: 'Intro';
	src: url(Intro.otf);
}

@font-face {
	font-family: 'Pictos';
	src: url(pictos-web.woff);
}

body {
	background: #fff;
	color: #777;
	margin: 0 auto;
	padding: 0 0 64px 0;
	margin: 0;
	font-size: 16px;
	font-weight: 300;
	background-image: url(head.jpg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center 0;
	font-family: "Avenir Next", sans-serif;

	text-align: center;
}

img {
	border: 0;
}

a.appstore {
	position: absolute;
	right: 16px;
	top: 12px;
}

a.appstore img {
	width: 106px;
}

a.appstoreBlack img {
	width: 212px;
}

a.appstoreBlack img {
	padding-top: 64px;
}

body.narrow {
	background-size: 768px auto;
}

div#head {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
	background-color: rgba(0,0,0,0.2);
	width: 100%;
	height: 56px;
}

h1#phoboslab-logo {
	position:absolute;
	left: 0;
	top: 0;
	width:100%;
	text-indent: -5000px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	color: #fff;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjE2MHB4IiBoZWlnaHQ9IjIwcHgiIHZpZXdCb3g9IjAgMCAxNjAgMjAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiPgogICAgPHRpdGxlPlBIT0JPU0xBQjwvdGl0bGU+CiAgICA8ZyBpZD0iUEhPQk9TTEFCIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8cGF0aCBkPSJNMC4zMzgsMS4yNjMgTDYuNTIwLDEuMjYzIEMxMC4xNjcsMS4yNjMgMTIuMDAzLDQuMjE4IDEyLjAwMyw3LjE3NCBDMTIuMDAzLDEwLjEzMCAxMC4xNjcsMTMuMDYxIDYuNTIwLDEzLjA2MSBMMi44MDEsMTMuMDYxIEwyLjgwMSwxOC45NDcgTDAuMzM4LDE4Ljk0NyBMMC4zMzgsMS4yNjMgWiBNMi44MDEsMTAuNTM0IEw2LjUyMCwxMC41MzQgQzguNTczLDEwLjUzNCA5LjU4Nyw4Ljg2NyA5LjU4Nyw3LjIgQzkuNTg3LDUuNTA3IDguNTczLDMuODQgNi41MjAsMy44NCBMMi44MDEsMy44NCBMMi44MDEsMTAuNTM0IFogTTE5LjI4NSwxLjI4OCBMMTkuMjg1LDguNzQxIEwyNi40MzQsOC43NDEgTDI2LjQzNCwxLjI4OCBMMjguODk3LDEuMjg4IEwyOC44OTcsMTguOTQ3IEwyNi40MzQsMTguOTQ3IEwyNi40MzQsMTEuMjY3IEwxOS4yODUsMTEuMjY3IEwxOS4yODUsMTguOTQ3IEwxNi44NDYsMTguOTQ3IEwxNi44NDYsMS4yODggTDE5LjI4NSwxLjI4OCBaIE00OS4wNTMsMTAuMTA1IEM0OS4wNTMsOC4yODYgNDguMzUyLDYuNjk0IDQ3LjI2Niw1LjUzMiBDNDYuMTMwLDQuMzQ1IDQ0LjU2MSwzLjYxMiA0Mi44OTQsMy42MTIgQzQxLjIyOCwzLjYxMiAzOS42ODIsNC4zNDUgMzguNTcxLDUuNTMyIEMzNy40NjAsNi42OTQgMzYuNzYwLDguMzExIDM2Ljc2MCwxMC4xMDUgQzM2Ljc2MCwxMS44OTggMzcuNDYwLDEzLjUxNSAzOC41NzEsMTQuNjc3IEMzOS42ODIsMTUuODY1IDQxLjIyOCwxNi41OTcgNDIuODk0LDE2LjU5NyBDNDQuNTYxLDE2LjU5NyA0Ni4xMzAsMTUuODY1IDQ3LjI2NiwxNC42NzcgQzQ4LjM1MiwxMy41MTUgNDkuMDUzLDExLjkyNCA0OS4wNTMsMTAuMTA1IEw0OS4wNTMsMTAuMTA1IFogTTM0LjI5NywxMC4xMDUgQzM0LjI5Nyw3LjYwNCAzNS4yODcsNS4zNTUgMzYuODA4LDMuNzEzIEMzOC4zNTQsMi4wNzEgNDAuNTI3LDEuMDM1IDQyLjg5NCwxLjAzNSBDNDUuMjg1LDEuMDM1IDQ3LjQzNSwyLjA3MSA0OS4wMDQsMy43MTMgQzUwLjUyNiw1LjM1NSA1MS41MTYsNy42MDQgNTEuNTE2LDEwLjEwNSBDNTEuNTE2LDEyLjYwNiA1MC41MjYsMTQuODU0IDQ5LjAwNCwxNi40OTYgQzQ3LjQzNSwxOC4xNjQgNDUuMjg1LDE5LjE3NCA0Mi44OTQsMTkuMTc0IEM0MC41MjcsMTkuMTc0IDM4LjM1NCwxOC4xNjQgMzYuODA4LDE2LjQ5NiBDMzUuMjg3LDE0Ljg1NCAzNC4yOTcsMTIuNjA2IDM0LjI5NywxMC4xMDUgTDM0LjI5NywxMC4xMDUgWiBNNTkuMjEwLDMuNzEzIEw1OS4yMTAsOC4zMTEgTDYzLjc3NCw4LjMxMSBDNjYuNDMxLDguMzExIDY2LjQ3OSwzLjcxMyA2My44MjIsMy43MTMgTDU5LjIxMCwzLjcxMyBaIE01Ni43OTQsMS4yODggTDYzLjgyMiwxLjI4OCBDNjUuOTQ4LDEuMjg4IDY3LjMwMCwyLjU1MSA2Ny45MjgsNC4xOTMgQzY4LjYwNCw1LjkzNiA2OC4zODcsNy45NTcgNjYuNjk2LDkuMjIxIEM2OC42MjgsMTAuMDggNjkuMzI5LDExLjk0OSA2OS4zMjksMTMuNjE2IEM2OS4zMjksMTYuMjY5IDY3LjY2MiwxOC45NDcgNjQuNDI2LDE4Ljk0NyBMNTYuNzk0LDE4Ljk0NyBMNTYuNzk0LDEuMjg4IFogTTU5LjIxMCwxMC44MzcgTDU5LjIxMCwxNi40NzEgTDY0LjQyNiwxNi40NzEgQzY2LjA2OCwxNi40NzEgNjYuODkwLDE1LjAzMSA2Ni44OTAsMTMuNjQyIEM2Ni44OTAsMTIuMjUyIDY2LjA2OCwxMC44MzcgNjQuNDI2LDEwLjgzNyBMNTkuMjEwLDEwLjgzNyBaIE04OC42MzksMTAuMTA1IEM4OC42MzksOC4yODYgODcuOTM4LDYuNjk0IDg2Ljg1Miw1LjUzMiBDODUuNzE3LDQuMzQ1IDg0LjE0NywzLjYxMiA4Mi40ODAsMy42MTIgQzgwLjgxNCwzLjYxMiA3OS4yNjgsNC4zNDUgNzguMTU3LDUuNTMyIEM3Ny4wNDYsNi42OTQgNzYuMzQ2LDguMzExIDc2LjM0NiwxMC4xMDUgQzc2LjM0NiwxMS44OTggNzcuMDQ2LDEzLjUxNSA3OC4xNTcsMTQuNjc3IEM3OS4yNjgsMTUuODY1IDgwLjgxNCwxNi41OTcgODIuNDgwLDE2LjU5NyBDODQuMTQ3LDE2LjU5NyA4NS43MTcsMTUuODY1IDg2Ljg1MiwxNC42NzcgQzg3LjkzOCwxMy41MTUgODguNjM5LDExLjkyNCA4OC42MzksMTAuMTA1IEw4OC42MzksMTAuMTA1IFogTTczLjg4MywxMC4xMDUgQzczLjg4Myw3LjYwNCA3NC44NzMsNS4zNTUgNzYuMzk0LDMuNzEzIEM3Ny45NDAsMi4wNzEgODAuMTE0LDEuMDM1IDgyLjQ4MCwxLjAzNSBDODQuODcxLDEuMDM1IDg3LjAyMSwyLjA3MSA4OC41OTEsMy43MTMgQzkwLjExMiw1LjM1NSA5MS4xMDIsNy42MDQgOTEuMTAyLDEwLjEwNSBDOTEuMTAyLDEyLjYwNiA5MC4xMTIsMTQuODU0IDg4LjU5MSwxNi40OTYgQzg3LjAyMSwxOC4xNjQgODQuODcxLDE5LjE3NCA4Mi40ODAsMTkuMTc0IEM4MC4xMTQsMTkuMTc0IDc3Ljk0MCwxOC4xNjQgNzYuMzk0LDE2LjQ5NiBDNzQuODczLDE0Ljg1NCA3My44ODMsMTIuNjA2IDczLjg4MywxMC4xMDUgTDczLjg4MywxMC4xMDUgWiBNMTA4LjAyMSw1LjczNCBMMTA1LjYwNiw1LjgzNSBDMTA1LjI2OCw0LjI0NCAxMDMuNjI2LDMuNTYyIDEwMi4xNTMsMy41ODcgQzEwMS4wMTgsMy42MTIgOTkuNzYyLDQuMDE2IDk5LjA4NSw0LjkyNiBDOTguNzQ3LDUuMzgxIDk4LjYyNyw1Ljk2MiA5OC42NzUsNi41NjggQzk4Ljc5Niw4LjM4NyAxMDAuNzA0LDguNjE0IDEwMi41MTUsOC43OTEgQzEwNC44MzMsOS4wOTQgMTA3LjcwNyw5LjcyNiAxMDguMzU5LDEyLjU1NSBDMTA4LjQzMiwxMi45MzQgMTA4LjQ4MCwxMy4zNjQgMTA4LjQ4MCwxMy43MTcgQzEwOC40ODAsMTcuMTI4IDEwNS4yNDQsMTkuMDk4IDEwMi4yMDEsMTkuMDk4IEM5OS41OTMsMTkuMDk4IDk2LjQyOSwxNy40ODIgOTYuMTE1LDE0LjMyNCBMOTYuMDkxLDEzLjg0NCBMOTguNTU0LDEzLjc5MyBMOTguNTc4LDE0LjE3MiBMOTguNTc4LDE0LjA3MSBDOTguNzQ3LDE1LjcxMyAxMDAuNjU1LDE2LjU3MiAxMDIuMjI1LDE2LjU3MiBDMTA0LjAzNiwxNi41NzIgMTA2LjAxNywxNS41MTEgMTA2LjAxNywxMy42OTIgQzEwNi4wMTcsMTMuNTE1IDEwNS45OTMsMTMuMzEzIDEwNS45NDQsMTMuMDg2IEMxMDUuNjU1LDExLjc0NyAxMDMuOTE2LDExLjUyIDEwMi4yMjUsMTEuMzQzIEM5OS41OTMsMTEuMDY1IDk2LjUwMSwxMC40NTggOTYuMjM2LDYuNzcwIEw5Ni4yMzYsNi43OTUgQzk2LjEzOSw1LjYwOCA5Ni40MjksNC40MjEgOTcuMTUzLDMuNDM1IEM5OC4yODgsMS44OTQgMTAwLjMxNywxLjA4NiAxMDIuMjczLDEuMDg2IEMxMDQuODgyLDEuMDg2IDEwNy41ODcsMi41MDEgMTA4LjAyMSw1LjczNCBMMTA4LjAyMSw1LjczNCBaIE0xMTUuODg0LDEuMjg4IEwxMTUuODg0LDE2LjM5NSBMMTIzLjgyOSwxNi4zOTUgTDEyMy44MjksMTguOTQ3IEwxMTMuNDQ1LDE4Ljk0NyBMMTEzLjQ0NSwxLjI4OCBMMTE1Ljg4NCwxLjI4OCBaIE0xMzMuMDIwLDExLjM0MyBMMTM3LjIyMiwxMS4zNDMgTDEzNS4xNDUsNS4xMDMgTDEzMy4wMjAsMTEuMzQzIFogTTEzOC4xNjQsMTMuNzQzIEwxMzIuMTAyLDEzLjc0MyBDMTMxLjQ1MCwxNS4zNiAxMzAuNjA1LDE3LjQ4MiAxMzAuMDc0LDE4Ljk0NyBMMTI3LjQ0MSwxOC45NDcgTDEzNC4yMjgsMS4wMzUgTDEzNi4wMTUsMS4wMzUgTDE0Mi44MDEsMTguOTQ3IEwxNDAuMTkzLDE4Ljk0NyBMMTM4LjE2NCwxMy43NDMgWiBNMTQ5LjIzOSwzLjcxMyBMMTQ5LjIzOSw4LjMxMSBMMTUzLjgwMyw4LjMxMSBDMTU2LjQ2MCw4LjMxMSAxNTYuNTA4LDMuNzEzIDE1My44NTIsMy43MTMgTDE0OS4yMzksMy43MTMgWiBNMTQ2LjgyNCwxLjI4OCBMMTUzLjg1MiwxLjI4OCBDMTU1Ljk3NywxLjI4OCAxNTcuMzI5LDIuNTUxIDE1Ny45NTcsNC4xOTMgQzE1OC42MzQsNS45MzYgMTU4LjQxNiw3Ljk1NyAxNTYuNzI2LDkuMjIxIEMxNTguNjU4LDEwLjA4IDE1OS4zNTgsMTEuOTQ5IDE1OS4zNTgsMTMuNjE2IEMxNTkuMzU4LDE2LjI2OSAxNTcuNjkyLDE4Ljk0NyAxNTQuNDU2LDE4Ljk0NyBMMTQ2LjgyNCwxOC45NDcgTDE0Ni44MjQsMS4yODggWiBNMTQ5LjIzOSwxMC44MzcgTDE0OS4yMzksMTYuNDcxIEwxNTQuNDU2LDE2LjQ3MSBDMTU2LjA5OCwxNi40NzEgMTU2LjkxOSwxNS4wMzEgMTU2LjkxOSwxMy42NDIgQzE1Ni45MTksMTIuMjUyIDE1Ni4wOTgsMTAuODM3IDE1NC40NTYsMTAuODM3IEwxNDkuMjM5LDEwLjgzNyBaIE0xNDkuMjM5LDEwLjgzNyI+PC9wYXRoPgogICAgPC9nPgo8L3N2Zz4=);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 120px 15px;
	height: 100%;
}

div#intro {
	position: relative;
	text-align: center;
	padding-top: 104px;
}

div#intro h1 {
	font-family: Intro;
	font-weight: normal;
	text-align: center;
	font-size: 78px;
	color: #fff;
	text-shadow: 0px 1px 2px rgba(0,0,0,0.4);
	margin: 0.7em 0 0.2em 0;
}

body.narrow div#intro h1 {
	font-size: 68px;
}

div#intro h2 {
	font-weight: normal;
	font-size: 18px;
	color: #fff;
	text-shadow: 0px 1px 1px rgba(0,0,0,0.4);
}

img#icon {
	width: 120px;
}
body.narrow img#icon {
	width: 60px;
}

canvas#iphoneVideo {
	display: block;
	z-index: 5;
	position: relative;
	left: 0;
	right: 0;
	margin: 8% auto 64px auto;
	width: 390px;
	height: 186px;
}

div#macbook {
	clear: both;
}

body.narrow div#macbook {
	left: 0;
	right: 0;
	margin: auto;
	overflow: hidden;
}

body.narrow canvas#browserVideo {
	margin: 0 -80px 128px -80px;
	width: 500px;
	height: 298px;
}

#browserVideo {
	width: 770px;
	height: 460px;
	margin-bottom: 64px;
}

body.narrow div.columns {
	position: relative;
	left: 0;
	right: 0;
	margin: auto;
	width: 320px;
}

div.columns {
	text-align: center;
	position: relative;
	left: 0;
	right: 0;
	margin: auto;
	width: 768px;
}

div.column {
	float: left;
	margin-left: 84px;
	width: 200px;
	font-weight: 400;
	margin-bottom: 64px;
}

div.column:first-child {
	margin-left: 0;
}

div.pict {
	font-family: Pictos;
	color: #fec849;
	text-align: center;
	font-size: 32px;
}

body.narrow div.column {
	width: 320px;
	float: none;
	margin-left: 0;
}

h3 {
	margin-top: 0.4em;
	font-size: 20px;
	color: #fea223;
	text-transform: uppercase;
	font-weight: 500;
}

img.full {
	margin-top: 64px;
	width: 100%;
}

p.full {
	margin: auto;
	padding: 8px 0;
	font-size: 16px;
	text-align: left;
	width: 768px;
	font-weight: 400;
}

body.narrow p.full {
	width: auto;
	margin: 0 8px 0 8px;
}

div#foot {
	margin-top: 64px;
}

div#foot p {
	margin: 8px 0;
}

a {
	text-decoration: none;
	color: #fea223;
}