body {
	margin: 0px;
}

#background
{
	position: fixed;
	left: -50vw;
	top: -50vh;
	width: 200vw;
	height: 200vh;
	z-index: -1;
	background: url(/apps/goselfie/layout/bg-stripe.png);
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    -sand-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
}

header.top
{
	display: block;
	height: 80px;
	width: 100%;
	background: #ededed;
	padding: 0px;
	margin: 0px;
	text-align: center;
}

header.top > i
{
	font-size: 140px;
	position: relative;
	top: -20px;
}

section.intro
{
	display: block;
	width: 100%;
	height: 80vh;
	background: #ffffff;
}

section.intro > div.row
{
	display: block;
	clear: both;
	float: none;
	text-align: center;
	padding: 2vh;
}

section.intro > div.row > img.logo
{
	height: 8vh;
	margin-top: 4vh;
	width: auto;
}

section.intro > div.row > img.intro-show
{
	height: 60vh;
	width: auto;
}

section.inset
{
	display: block;
	font-family: 'DIN Next™ W01 Medium', sans-serif;
	font-size: 3vh;
	text-transform: uppercase;
	text-shadow: 0px 0px 0.75vh rgba(0,0,0,0.75);
	width: 100%;
	height: 3vh;
	padding: 10vh 0px;
	text-align: center;
	color: #ffffff;
	background: none;
}

section.inset i
{
	font-size: 4.5vh;
	margin: 0px 1vw;
}

section.tiny
{
	height: 10px !important;
	padding: 0px;
}

section.features
{
	display: block;
	width: 100%;
	height: 60vh;
	background: #ffffff;
}

section.features > div.left
{
	display: block;
	clear: none;
	float: left;
	width: 50%;
	height: 50vh;
	padding: 5vh 0px;
	text-align: right;
}

section.features > div.left > img.sidecar
{
	height: 50vh;
	width: auto;
}

section.features > div.right
{
	display: block;
	clear: none;
	float: left;
	width: 50%;
	height: 50vh;
	padding: 5vh 0px;
	text-align: left;
}

section.features > div.right > ul
{
	list-style: none;
	padding: 7.5vh 0px;
}

section.features > div.right > ul > li
{
	list-style: none;
	padding: 0px;
	font-family: "DIN Next™ W01 Light", sans-serif;
	font-size: 2.5vh;
	line-height: 4vh;
}

section.features > div.right > ul > li:last-child
{
	padding-top: 4vh;
}

section.features > div.right > ul > li > a, section.features > div.right > ul > li > a:visited
{
	text-decoration: none;
	color: #777;
	position: relative;
	left: -1vh;
}

section.features > div.right > ul > li > a:hover
{
	color: #111;
}

section.features > div.right > ul > li > a > i
{
	font-size: 4vh;
}

section.share
{
	display: block;
	width: 100%;
	height: 60vh;
	background: #ffffff;
	text-align: center;
}

section.share > img.intro-bottom
{
	height: 60vh;
}

footer.bottom
{
	display: block;
	width: 100%;
	height: 60vh;
	background: #ffffff;
	padding-bottom: 5vh;
}

footer.bottom > .call
{
	width: 100%;
	height: 4vh;
	padding: 7vh 0vh;
	display: block;
	font-family: 'DIN Next™ W01 Medium', sans-serif;
	font-size: 4vh;
	text-transform: uppercase;
	text-align: center;
}

footer.bottom > .stores
{
	display: block;
	width: 100%;
	height: 6vh;
}

footer.bottom > .stores > a.appstore
{
	display: block;
	background: url(/apps/goselfie/layout/appstore-en.png) no-repeat;
	background-size: cover;
	height: 6vh;
	width: 20.52vh;
	position: relative;
	left: 50%;
	margin-left: -22vh;
}

footer.bottom > .stores > a.googleplay
{
	display: block;
	background: url(/apps/goselfie/layout/google-play-en.png) no-repeat;
	background-size: cover;
	height: 6vh;
	width: 20.52vh;
	position: relative;
	left: 50%;
	top: -6vh;
	margin-left: 1.48vh;
}

footer.bottom > .bottom
{
	width: 100%;
	height: 4vh;
	text-align: center;
	color: #b3b3b2;
	font-family: 'DIN Next™ W01 Medium', sans-serif;
	font-size: 2.5vh;
	letter-spacing: 0.05vh;
}

footer.bottom > .bottom > a
{
	text-decoration: none;
	color: #000;
}

footer.bottom > .bottom > a > i
{
	position: relative;
	top: 6vh;
	font-size: 20vh;
	color: #000;
}


@media (max-width:480px) {
	header.top
	{
		height: 44px;
	}		

	header.top > i
	{
		font-size: 70px;
		position: relative;
		top: -10px;
	}

	section.share, section.share > img.intro-bottom
	{
		height: 50vh;
	}
}