/* 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; 
	background-color: #ffffff; 
	background-image: url("../images/gradient.png");
	background-repeat: repeat-x; 
	}
	
a {text-decoration-style: solid; }
	
a:link { color: #333333; text-decoration: none; }
a:visited { color: #333333; text-decoration: none; }
a:hover { color: #333333; text-decoration: none; }
a:active { color: #333333; text-decoration: none; }
	
h1 { 
	font-family: "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 2.125rem; 
	line-height: 1.2em;
	letter-spacing: -.02em; 
	margin: 0;
	padding: 0;
	font-style: normal;
	font-weight: normal;
	color: #333333; 
	padding-bottom: 1em; 
	text-align: center; 
	}
	
h2 { 
	font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1.375rem; /* 22px */
	line-height: 1.3em; 
	letter-spacing: -.01em; 
	margin: 0;
	padding: 0; 
	padding-top: 30px; 
	font-style: normal;
	font-weight: normal;
	color: #333333; 
	padding-bottom: 1em; 
	}
	
.app_title { 
	font-family: "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 4.250rem; 
	line-height: 1.1em;
	letter-spacing: -.02em; 
	margin: 0;
	padding: 0; 
	padding-top: 20px; 
	font-style: normal;
	font-weight: normal;
	color: #ffffff; 
	text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);
	}
	
ul.app_features { 
	font-family: "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1.250rem; /* 18px */
	line-height: 1.2em;
	letter-spacing: -.01em; 
	font-style: normal;
	font-weight: normal;
	color: #333333; 
	}
	
ul.app_features li { 
	padding-bottom: .4em; 
	}
	
 .copyright { 
 	padding-top: 20px; 
 	}

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

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

.top_app, .main_section h1, .main_section h2, .main_section ul { 
	padding-right: 2rem; 
	padding-left: 2rem; 
	}
	
.main_section h1 { 
	padding-top: .2em; 
	}
	
.main_section ul { 
	padding-bottom: 1rem; 
	}
	
.app_icon { 
	padding-right: 1em; 
	}
	
.hr_rule { 
	width: 100%; 
	height: 2px; 
	background-color: rgba(51,51,51,.1); 
	font-size: .01em; 
	}
	
.hr_rule2 { 
	width: 100%; 
	height: 2px; 
	background-color: rgba(51,51,51,.1); 
	font-size: .01em; 
	}
	
.app_description { 
	padding-top: 90px; 
	padding-left: 2rem; 
	}
	
.btn_download { 
	padding-top: 2rem; 
	text-align: center; 
	}
	
.btn_download img { 
	width: 280px; 
	}
	
.screenshot { 
	padding-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;
	color: #ffffff; 
	padding-top: 100px; 
	padding-bottom: 10px; 
	text-align:center; 
	color: rgba(51,51,51,.5);  
	}

.footer_section a:link { color: rgba(51,51,51,.5); text-decoration: none; }
.footer_section a:visited { color: rgba(51,51,51,.5); text-decoration: none; }
.footer_section a:hover { color: rgba(51,51,51,.5); text-decoration: underline; }
.footer_section a:active { color: rgba(51,51,51,.5); 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_title { 
	font-size: 3.750rem; 
	}
	
.app_logo { 
	display: block; 
	margin: auto; 
	padding-top: 0; 
	}

.app_description { 
	padding-top: 20px; 
	padding-right: 1rem; 
	padding-left: 1rem; 
	}
	
.screenshot { 
	padding-top: 40px; 
	}
	
.phone_sample { 
	text-align: center; 
	padding-bottom: 40px; 
	}
	
/* footer */
.footer_section {  
	font-family: "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height: 1.5em; 
	padding-top: 50px; 
	padding-bottom: 60px; 
	padding-left: 0; 
	margin: 0; 
	}
	
.phone_sample .footer_section {  
	padding-top: 140px; 
	padding-bottom: 30px; 
	padding-left: 0; 
	margin: 0; 
	}
	

}



/* 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: 260px; 
	}
	
.app_title { 
	padding-top: 0; 
	font-size: 3.250rem; 
	}
	
.btn_download img { 
	width: 210px; 
	}

h1 { 
	font-size: 1.875rem; 
	}
	
h2 { 
	font-size: 1rem; /* 16px */
	}
	
ul.app_features { 
	font-size: 1rem; /* 16px */
	}
	

}

/* 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; 
	}

}

