body {
 width: 100%;
 height: 100%;
 margin: 0;
 padding: 0;
 border: 0;
 color: #eee;
 background-color: #1c1c1f;
 text-align: center;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 100%;
 -webkit-text-size-adjust: 100%;
 -webkit-font-smoothing: antialiased;
 -moz-font-smoothing: antialiased;
 -o-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
}
div, img {margin: 0; padding: 0; border: 0}
h1 {
 color: #88c5f3;
 text-align: left;
 font-size: 1.3em;
 font-weight: normal;
 padding: 12px 0 0 20px;
}
.container {
 max-width: 1000px;
 margin: 40px auto;
}
.section-heading {
 width: 100%;
 height: 45px;
 background-color: #444;
 background: -webkit-linear-gradient(#6b6b6b, #4f4f4f); /* For Safari 5.1 to 6.0 */
 background: -o-linear-gradient(#6b6b6b, #4f4f4f); /* For Opera 11.1 to 12.0 */
 background: -moz-linear-gradient(#6b6b6b, #4f4f4f); /* For Firefox 3.6 to 15 */
 background: linear-gradient(#6b6b6b, #4f4f4f); /* Standard syntax */
 border-bottom: 1px solid #282828;
}
.section-text {
 width: 100%;
 padding-bottom: 30px;
 margin-bottom: 40px;
 font-size: 0.90em;
 text-align: left;
 color: #e7e7e7;
 background-color: #3b3b3b;
 border-top: 1px solid #4b4b4b;
}
.section-text p {
 margin: 0;
 padding: 20px 20px 0 20px;
}
.image-left {
 float: left;
 padding: 0;
 margin: 20px 15px 10px 20px;
 max-width: 250px;
}
.image-left img {width: 100%}
.image-right {
 float: right;
 margin: 20px 20px 10px 15px;
 max-width: 250px;
}
.image-right img {width: 100%}
.inline-image {
 box-shadow: 0 3px 10px rgba(0,0,0,0.25);
 -o-box-shadow: 0 3px 10px rgba(0,0,0,0.25);
 -ms-box-shadow: 0 3px 10px rgba(0,0,0,0.25);
 -moz-box-shadow: 0 3px 10px rgba(0,0,0,0.25);
 -webkit-box-shadow: 0 3px 10px rgba(0,0,0,0.25);
 border: 2px solid #000;
}

/*  iPhone 4 and 4S */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {
}

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
}

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
}

@media (max-width: 767px) {
 .image-left, .image-right {
  float: none;
  padding: 0;
  margin-left: 20px;
  max-width: 320px;
 } 
 .section-text {font-size: 0.95em}
 .section-text p {padding: 10px 20px 10px 20px}
}
.copyright {
 color: #fa5;
 font-size: 0.9em;
 padding-bottom: 50px;
}