body {
  line-height: 1.5;
}

p {
  margin: 0 auto;
  max-width: 50em;
  padding: 1em 1em;
}

h2 {
  margin-top: 1em;
  padding-top: 1em;
}

.img-responsive {
  margin: 0 auto; /* centre the image */
}

.thumbnail {
  position: relative;
  border: 0px;
}

.latestPostTitle {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  font-size: 4em;
  color: white;
}
.latestPostDate {
  position: absolute;
  top: 60%;
  left: 0;
  width: 100%;
  font-size: 1.5em;
  color: white;
  font-style: italic;
}

.postTitle {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  font-size: 2em;
  color: white;
}
.postDate {
  position: absolute;
  top: 80%;
  left: 0;
  width: 100%;
  font-size: 1.2em;
  color: white;
  font-style: italic;
}
.postImage {
  opacity: 1.0;
}

#postTitleAndDate {
  margin-bottom: 20px;
}
#postImage {
  margin-left: 10px;
  margin-right: 10px;
}
.thePostTitle {
  font-size: 1.5em;
}
.thePostDate {
  font-size: 0.9em;
  font-style: italic;
}
#postContent {
  font-family: "Helvetica", "Arial", sans-serif;
  /*font-family: 'Roboto Slab', serif;*/
  font-size: 1.2em;
  margin: 10px;
  color: #555;
}

.pageTitle {
  font-family: 'Roboto Slab', serif;
  font-size: 2em;
}
.pageContent {
  font-family: 'Roboto Slab', serif;
  font-size: 1.2em;
  /*margin: 10px;*/
}

.taxonomyEntry {
  margin-left: 20px;
}
.taxonomyPostDate {
  font-style: italic;
}

.singlePage {
  margin: 10px;
}

.blogTerms {
  margin: 10px;
}

#paginated {
  margin-left: 20px;
}

@media (min-width: 801px) {
  .latestPostTitle {
    top: 50%;
    font-size: 3em;
  }
  .latestPostDate {
    top: 70%;
  }
}


@media (min-width: 501px) and (max-width: 800px) {
  .latestPostTitle {
    top: 30%;
    font-size: 2em;
  }
  .latestPostDate {
    top: 50%;
  }
}

@media (max-width: 500px) {
  .latestPostTitle {
    top: 20%;
    font-size: 2em;
  }
  .latestPostDate {
    top: 50%;
  }
}

@media (max-width: 499px) {
  .latestPostTitle {
    top: 5%;
    font-size: 2em;
  }
  .latestPostDate {
    top: 70%;
  }
  .postTitle, .latestPostTitle {
    top: 30%;
    font-size: 1.5em;
  }
  .postDate, .latestPostDate {
    top: 70%;
    font-size: 0.9em;
  }
}


/*
@media only screen and (max-width: 320px) {
  .postTitle, .latestPostTitle {
    font-size: 1.5em;
  }
  .postDate, .latestPostDate {
    font-size: 0.9em;
  }
}

@media (min-width: 321px) and (max-width: 499px) {
  .postTitle, .latestPostTitle {
    font-size: 2em;
  }
  .postDate, .latestPostDate {
    font-size: 0.9em;
  }
}

@media (min-width: 700px) and (max-width: 1200px) {
  .latestPostTitle {
    font-size: 3em;
  }
  .latestPostDate {
    font-size: 0.9em;
  }
}

@media (min-width: 500px) and (max-width: 699px) {
  .latestPostTitle {
    font-size: 2.7em;
  }
  .latestPostDate {
    font-size: 0.9em;
    top: 75%;
  }
}
*/