@font-face{
  font-family: 'SofiaProLight';
  src: url('../font/SofiaProLight-webfont.eot');
  src: url('../font/SofiaProLight-webfont.eot?#iefix') format('embedded-opentype'),
       url('../font/SofiaProLight-webfont.woff') format('woff'),
       url('../font/SofiaProLight-webfont.ttf') format('truetype'),
       url('../font/SofiaProLight-webfont.svg#webfont') format('svg');
}
body {
  background-color: #fafafa;
  color: #555353;
  font-size: 18px;
  font-weight: 300;
  font-family: SofiaProLight;
  box-sizing: border-box;
}
a {
  color: #D91E18;
  text-decoration: none;
}
a:hover {
  color: #D91E18;
  text-decoration: underline;
}
.title {
  font-size: 2em;
  margin-top: 3.5em;
}
.header.row {
  border-bottom: 1px solid #cacaca;
  padding-bottom: 2em;
}
.major.row {
 margin-top: 2.5em;
}
.row-title {
  margin-bottom: 0.5em;
  font-size: 125%;
}
.section-title {
  text-transform: uppercase;
  font-size: 75%;
  padding-top: 1em;
}
.project {
  text-align: center;
  margin-bottom: 0.75em;
}
.project img {
  width: 100%;
}
footer {
  height: 3em;
}
.footer.row {
  border-top: 1px solid #cacaca;
  text-align: center;
  padding: 1em;
  margin: 2em 0;
}
ul, li {
  list-style: none;
  padding: 0;
}
ul ul {
  padding-bottom: 1em;
}
ul ul:last-of-type {
  padding-bottom: 0;
}
.blogPost p {
  padding-bottom: 16px;
}
.blogPost img {
  display: inline-block;
  max-width: 380px;
  padding: 8px;
}

@media only screen and (max-width: 767px) {
  .title {
    font-size: 2em;
    margin-top: 0.5em;
  }
  .header.row {
    border-bottom: 1px solid #cacaca;
    padding-bottom: 1em;
  }
  .major.row {
   margin-top: 1.5em;
  }
}