@font-face { font-family: DIN; src: url(din.ttf); }
@font-face { font-family: "DIN Bold"; src: url(dinb.ttf); }
@font-face { font-family: "DIN Light"; src: url(dinl.ttf); }

html { background-color: #eee; }
body { max-width: 800px; margin: 0 auto; padding: 0; line-height: 1.5; letter-spacing: 0.1px; font-family: DIN, Helvetica, Arial, Verdana, sans-serif; font-size: 1.2em; background-color: #fff; }

#nav { background-color: #607183; color: #fff; padding: 20px 35px; }
#title { font-family: "DIN Bold"; display: inline; }
#nav-items { display: inline; }
#right-nav { display: inline; float: right; }
.nav-item { display: inline; margin-left: 30px; }

#big-img { background-image: url("photo.png"); width: 640px; height: 481px; text-align: center; font-size: 3em; padding: 0 80px; text-shadow: #fff 1px 1px; }

#orange-box { background-color: #f20; color: #fff; text-align: center; font-size: 1.3em; padding: 20px; font-family: "DIN Light"; }
#get-app-box { border: 1px solid #fff; border-radius: 10px; display: inline-block; padding: 10px 10px 6px 10px; font-size: 0.6em; letter-spacing: 2px; margin: 15px 0 5px 0; }

#main { color: #303a45; text-align: center; padding: 15px 15px 0 15px; }
#intro-text { font-size: 1.3em; padding-bottom: 20px; }

.left-col { float: left; width: 33%; text-align: center; }
.mid-col { display: inline-block; width: 33%; text-align: center; }
.right-col { float: right; width: 33%; text-align: center; }
.colhead { line-height: 1.2; font-size: 1.2em; color: #f20; font-family: "DIN Bold"; }
.coltext { line-height: 1.2; font-size: 0.8em; margin-top: 10px; font-family: "DIN Light"; }
.clear { clear: both; }

#features { background-color: #303a45; color: #fff; padding: 15px 20px 0 20px; font-family: "DIN Light"; font-size: 0.8em; letter-spacing: 0.5px; line-height: 1.6; }
#features strong { font-family: "DIN Bold"; font-weight: normal; display: inline-block; margin-bottom: 5px; }
.feat-col { width: 40%; margin: 8px 30px; display: inline-block; vertical-align: top; }
.feat-col p { margin-top: 2em; }
.feat-col p:first-child { margin-top: 1em; }

#foot { padding: 20px 48px; text-align: center; font-size: 0.9em; color: #303a45; }