.container > .entry, .back_home { margin-bottom: 50px; }
.return_to_home { margin-top: 25px; }
/* Why was this here?? */
/*.jumbotron {
  min-height: 320px;
}*/
.smaller { width: 75%; }
h1 a:link, h1 a:visited, h1 a:active, h1 a:hover { color: #ffffff; text-decoration: none; }
footer { margin-top: 50px; }

h4 { margin-top: 25px; margin-bottom: 12px; }

p a {
  text-decoration: underline;
}

.entry-image {
  max-width: 100%;
  border-radius: 5px;
  float: left;
  margin-right: 30px;
  width: 300px;
  margin-bottom: 30px;
}

@media only screen and (max-width:768px) {
  .entry-image {
    float: none;
  }
  .author-row {
    margin-top: -15px;
  }
}

@media only screen and (max-width:500px) {
  .entry-image {
    width: auto;
  }
}

.footnote {
  word-break: break-all;
}