body {
  font-family:"Lora",Georgia,"Times New Roman",Times,serif;
  font-size: 17px;
  line-height: 1.45;
  color: #333;
  background-color: #f9f9f9
}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
  font-family:"Roboto",Arial,sans-serif;
  font-weight: 300;
  line-height: 1.2
}

h1, .header {
  font-weight: 500;
}

dd {
  margin-bottom: 4px
}

/* responsive image */
img { max-width: 100%; height: auto; }

/* Override the bootstrap style */
blockquote {
  border-left: none;
}

blockquote p {
  font-size: 0.95em;
  font-style: italic;
}

/* Insert the pseudo element - replicating what FontAwesome does */
blockquote:before {
  content: "\f10d"; 
  font-size: 1.2em;
  font-family: FontAwesome;
  float: left;
  margin-right: 10px;
}

.author-quote {
  font-size: 0.9em;
  font-color: #808080;
  font-style: italic;
}

.center {
  text-align: center;
}

.margin-m {
  margin: 8px;
}

.font-big {
  font-size: 8em;
}

.font-medium {
  font-size: 4em;
}

.android-green {
  color: #a4c739;
}

.apple-grey {
  color: #bebebe;
}

/* navbar title */
.menu-home {
  font-size: 1.4em;
  font-weight: 400;
}

/* used in index.html template */
.intro {
  margin-top: 30px;
  margin-left: 15px;
  font-size: 1.1em;
  color: #666;
}

.storelinks img { 
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 4px;
}

.appicons {
  margin-top: 20px;
}

.youdevotion-app {
  margin-right: 20px;
}

.intro * img, .appicon {
  margin: 10px;
}

.user-quote h4 {
  font-weight: 500;
}

/* used in app.html template */
.title-icon {
  width: 40px;
  height: 40px;
  vertical-align: bottom;
}

.app-title {
  font-weight: 500;
}

.app-desc {
  margin-left: 10px;
}

.screenshot {
  display: inline;
  margin: 0px 4px 4px 0px;
}

#footer {
  margin: 10px;
}