/* 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; 
	background-color: #ffffff;
	letter-spacing: -.01em;  
	color: #ffffff; 
	position: relative;
	}
	
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: 1.750rem; /* 28px */
	line-height: 1.2em;
	letter-spacing: -.02em; 
	margin: 0;
	padding: 0;
	font-style: normal;
	font-weight: normal;
	color: #ffb446; 
	padding-bottom: .6em; 
	}
	
h2 { 
	font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1.125rem; /* 18px */
	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; 
	background-color: #872eab; 
	background: rgb(135,46,171); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(135,46,171,1) 0%, rgba(135,46,171,1) 66%, rgba(141,47,168,1) 77%, rgba(160,52,157,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(135,46,171,1) 0%,rgba(135,46,171,1) 66%,rgba(141,47,168,1) 77%,rgba(160,52,157,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(135,46,171,1) 0%,rgba(135,46,171,1) 66%,rgba(141,47,168,1) 77%,rgba(160,52,157,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#872eab', endColorstr='#a0349d',GradientType=0 ); /* IE6-9 */
	}

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

.top_app, .main_section h1, .main_section h2, .main_section ul { 
	padding-right: 2rem; 
	padding-left: 2rem; 
	}
	
.main_section h1 { 
	padding-top: 1em; 
	}
	
.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 { 
	position: relative; 
	top: 90px; 
	padding-left: 2rem; 
	}
	
.btn_download { 
	padding-top: 1.7rem; 
	text-align: center; 
	}
	
.screenshot { 
	position: relative; 
	top: 90px; 
	}


/* 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;
	background-color: #ffffff; 
	color: #666666; 
	padding-top: 50px; 
	padding-bottom: 20px; 
	padding-left: 3rem; 
	}

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

	

/* Small only */
@media screen and (max-width: 39.9375em) { 
.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; 
	}

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

/* footer */
.footer_section { 
	background-color: #fffff;  
	padding-top: 50px; 
	padding-bottom: 60px; 
	padding-left: 0; 
	margin: 0; 
	}
	
.copyright { 
	position: relative; 
	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 { 
	margin: 0; 
	margin: auto; 
	padding: 0; 
	}
	
.app_icon { 
	padding-right: 0; 
	width: 100px; 
	}
	
.app_logo { 
	width: 230px; 
	}
	
.btn_download img { 
	width: 210px; 
	}

h1 { 
	font-size: 1.500rem; /* 24px */
	}
	
h2 { 
	font-size: 1rem; /* 16px */
	}
	
ul.app_features { 
	font-size: 1rem; /* 16px */
	}
	
/* footer */
.footer_section { 
	font-size: 0.750rem; /* 12px */
	line-height: 1.3em; 
	background: rgb(160,52,157);
	padding-top: 50px; 
	padding-bottom: 80px; 
	}
	
.copyright { 
	position: relative; 
	top: 120px; 
	}

}

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

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


/* smaller heading */
@media screen and (min-width: 40em) and (max-width: 50.00em) { 

.top_app, .main_section h1, .main_section h2, .main_section ul { 
	padding-right: .6rem; 
	padding-left: .6rem; 
	}

.app_icon { 
	padding-right: 0; 
	width: 70px; 
	}

.app_logo { 
	width: 190px; 
	}

}

