@charset "utf-8";
/* CSS Document */
body {	background-color: #eee; font-family: Sans-Serif; }
h1 { margin: 0px; padding: 0.2em; font-family: Sans-Serif; float:left; }
.header-one { color: #888; display: block; }
.header-two { color: #111; display: block; }
.header-tagline { clear:both; font-style: italic; }
.logo { float:left; margin: 0.2em; height: 8em; }
.content { clear: both; margin-top: 0.5em; }
.product { background-color: #fff; padding: 0.2em; }
.product-title { background-color: #34e; color: #fff; font-family: Sans-Serif; font-weight: bold; font-size: 2em; padding: 0.2em; }
.product-text { float: left; margin-left: 1em; padding: 0.2em; font-family: Sans-Serif; font-size: 1em; }
.product-icon { float: left; }
.product-link { clear: both; display: block; padding-top: 1em; }

@media (min-width: 481px) {
	h1 { font-size: 3em; font-weight: bold; }
}

@media (max-width: 480px) {
  /* iPhone, Android rules here */
  h1 {
  	font-size: 2em; font-weight: bold;
  	display:block;
  	text-align: center;
  	background-color: #34e;
  	float: none;
  }
  .header-one { color: #ddd; }
  .header-two { color: #fff; }
  img.logo {
  	float: none;
  	display: block;
  	margin-right: auto;
  	margin-left: auto;
  	margin-bottom: 0.8em;
  }
  .product-icon {
  	float: none;
  	display: block;
  	margin-top: 1em;
  	margin-right: auto;
  	margin-left: auto;
  }
  .product-link {
  	text-align: center;
  }
}