/* main styles */
html {
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */ 
    height: 100%;
  	box-sizing: border-box;
	}
	
*,
*:before,
*:after {
  box-sizing: inherit;
}

body {
	margin: 0;
	padding: 0;
	font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 1.125rem; /* 18px */
	line-height: 1.2em; 
	letter-spacing: -.01em;  
	color: #ffffff; 
	position: relative;
	background: #7b33ff; /* Old browsers */
	background: -moz-linear-gradient(top, #7b33ff 0%, #b744ff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #7b33ff 0%,#b744ff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #7b33ff 0%,#b744ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b33ff', endColorstr='#b744ff',GradientType=0 ); /* IE6-9 */
	}
	
a {text-decoration-style: solid; }
	
a:link { color: #ffffff; text-decoration: none; }
a:visited { color: #ffffff; text-decoration: none; }
a:hover { color: #ffffff; text-decoration: none; }
a:active { color: #ffffff; text-decoration: none; }
	
h1 { 
	font-family: "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 4.00rem; 
	line-height: 1.2em;
	letter-spacing: -.02em; 
	margin: 0;
	padding: 0;
	font-style: normal;
	font-weight: normal;
	color: #ffffff; 
	padding-bottom: .6em; 
	text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.4);
	}
	
h2 { 
	font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1.500rem; 
	line-height: 1.3em; 
	letter-spacing: -.01em; 
	margin: 0;
	padding: 0; 
	font-style: normal;
	font-weight: normal;
	color: #ffffff; 
	padding-bottom: 1em; 
	}
	
ul.app_features { 
	font-family: "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1.125rem; /* 18px */
	line-height: 1.2em;
	letter-spacing: -.01em; 
	font-style: normal;
	font-weight: normal;
	color: #ffffff; 
	}
	
ul.app_features li { 
	padding-bottom: .4em; 
	}


/* main_section */
.main { 
	margin: 0; 
	margin: auto; 
	padding: 0; 
	}

.main_section { 
	max-width: 75rem; /* 1200px */ 
	color: #ffffff; 
	}
	
.top_app { 
	padding-bottom: 1rem; 
	}

.top_app, .main_section h1, .main_section h2, .main_section ul { 
	padding-right: 0; 
	padding-left: 2rem; 
	}
	
.main_section h1 { 
	padding-top: 1.2em; 
	}
	
.main_section ul { 
	padding-bottom: 1rem; 
	}
	
.app_icon { 
	padding-right: 1em; 
	}
	
.hr_rule { 
	width: 100%; 
	height: 2px; 
	background-color: rgba(255,255,255,.3); 
	font-size: .01em; 
	}
	
.app_description { 
	padding-top: 90px; 
	padding-left: 2rem; 
	}
	
.btn_download { 
	padding-top: 1.7rem; 
	text-align: center; 
	}
	
.screenshot { 
	padding-top: 90px; 
	}
	
.phone_sample { 
	text-align: center; 
	}


/* footer */
.footer_section { 
	font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: normal; 
	font-size: 0.875rem; /* 14px */
	line-height: 1.3em;
	color: #ffffff; 
	padding-top: 50px; 
	padding-bottom: 20px; 
	padding-left: 3rem; 
	text-align: center; 
	}

.footer_section a:link { color: #ffffff; text-decoration: none; }
.footer_section a:visited { color: #ffffff; text-decoration: none; }
.footer_section a:hover { color: #ffffff; text-decoration: underline; }
.footer_section a:active { color: #ffffff; text-decoration: none; }

.copyright { 
	padding-top: 20px; 
	padding-bottom: 20px; 
	text-align: center; 
	}
	

/* Small only */
@media screen and (max-width: 39.9375em) { 
.main_section h1 { 
	padding-top: 0; 
	text-align: center; 
	}
	
h1 { 
	font-size: 3.00rem; 
	padding-bottom: .3em; 
	}

h2 { 
	text-align: center; 
	padding-bottom: 0; 
	}
	
.app_icon { 
	display: block; 
	padding-right: 0; 
	margin: auto; 
	}
	
.main_section h1, .main_section h2, .main_section ul { 
	padding-right: 1rem; 
	padding-left: 1rem; 
	}
	
.app_logo { 
	display: block; 
	margin: auto; 
	padding-top: 1em; 
	}
	
.btn_download img { 
	width: 300px; 
	}

.app_description { 
	padding-top: 40px; 
	padding-right: 1rem; 
	padding-left: 1rem; 
	}
	
.phone_sample { 
	text-align: center; 
	padding-bottom: 40px; 
	}
	
.screenshot { 
	padding-top: 40px; 
	}

/* footer */
.footer_section { 
	font-family: "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding-top: 50px; 
	padding-bottom: 60px; 
	padding-right: 1em; 
	padding-left: 1em; 
	margin: 0; 
	}
	
.copyright { 
	padding-top: 40px; 
	padding-bottom: 20px; 
	text-align: center; 
	}
	

}



/* Medium and up */
@media screen and (min-width: 40em) {}


/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) { 

.main_section h1 { 
	padding-top: .5em; 
	}
	
h1 { 
	font-size: 3.00rem; 
	}

}

/* Large and up */
@media screen and (min-width: 64em) {}

/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {}