body {
  padding-top: 50px;
  padding-bottom: 20px;
}

img.sidebyside {
    max-height: 300px;
    max-width: 264px;
}
.navbar-brand {
  padding: 15px 15px;  /* adjust the top and bottom padding to less than default 15px  if your logo is too small  */
  margin-top: 0px;  /* adjust the top margin if your logo doesn't line up well  */
  height: 50px; /* you should ONLY need to  adjust this when your navbar is larger than default 50px. This should equal the height of computed height of  .navbar>li>a which is by default is 50px. Don't use this to try and make your logo bigger or smaller. Instead adjust the top and bottom padding accordingly. */
}

div.section {
  margin-top: 2em;
}

/* Get rid of link padding to make the above easier */
.navbar-nav>li>a {
  padding-top:0px;
  padding-bottom:0px;
}

/* EDIT these but should be the same depending on on what font you're using */
.navbar-brand, .navbar-nav>li>a {
  height: 67px;
  line-height: 67px;
}


/* EDIT top and bottom padding to shrink and grow image */
.navbar-brand {
  padding: 0px 15px;
}

.project-thumbnail {
  max-width: 80%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}