body {
  line-height: 1.6;
  width: auto;
  max-width: 1000px;
  margin: auto;
  padding: 2rem;
  background-color: #fdfdfd;
}

a {
  text-decoration: none;
  color: #4400ff;
}

h1 {
  text-align: left !important;
}

h2,
h3 {
  margin-top: 2rem;
}

.research-intro {
  display: flow-root;
}

@media (min-width: 601px) {
  .research-intro .photo {
    float: right;
    display: block;
    width: 300px;
    max-width: 34%;
    height: auto;
    margin: 0 0 1rem 2rem;
    box-shadow: 1px 0 1px 2px rgba(0, 0, 0, 0.1);
  }
}

@media (max-width: 600px) {
  body {
    padding: 1.25rem;
  }

  .research-intro .photo {
    float: none;
    display: block;
    margin: 0 auto 1rem;
    width: 80%;
    max-width: 250px;
  }
}