/**
 * Color Variables
 */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800);
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
body {
  color: #585858;
  background-color: #F3F3F3;
  font-family: 'Raleway', sans-serif; }

a {
  color: inherit;
  text-decoration: none; }

h1, h2, h3, h4, h5 {
  font-family: 'Montserrat', sans-serif; }

.accent {
  color: #F61001; }

header {
  padding: 1.2rem 0;
  background-color: #FFFFFF;
  border-bottom: 2px solid #DADADA; }
  header .container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between; }
    header .container .brand {
      flex-grow: 0;
      display: block;
      font-size: 2.6rem;
      font-weight: bold;
      font-family: 'Montserrat', sans-serif; }
    header .container nav {
      flex-grow: 1;
      display: block;
      text-align: right; }
      header .container nav a {
        font-weight: bold;
        margin: 0 0 0 1.6rem;
        font-size: 1.6rem; }
        header .container nav a.active {
          padding: 0.6rem;
          border-radius: 4px;
          color: #FFFFFF;
          background-color: #F61001; }

#about {
  padding: 42px 0; }
  #about .headshot {
    width: 98%;
    display: block;
    margin: 30px 0;
    box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.3); }
  #about .about {
    padding-top: 12px; }

#history {
  padding: 54px 0;
  background-color: #FFFFFF;
  border-top: 1px solid #DADADA; }
  #history .education,
  #history .affiliation {
    margin: 12px 0; }
    #history .education .name,
    #history .affiliation .name {
      font-weight: bold; }

#footer {
  color: #FFFFFF; }
  #footer .top {
    padding: 24px 0;
    background-color: #363636;
    border-bottom: 1px solid #191919; }
    #footer .top .icons .fa {
      margin: 0 12px 0 0; }
  #footer .bottom {
    padding: 12px 0;
    background-color: #292929;
    color: #929292; }