* {
  box-sizing: border-box;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-kerning: auto; }

html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  height: 100%; }

body {
  margin: 0;
  font-family: 'Raleway', sans-serif;
  height: 100%; }

h1, h2, h3, h4, h5, h6, .pseudoheader {
  font-family: 'Open Sans', sans-serif; }

section {
  width: 100%;
  min-height: 100vh; }

#top {
  display: table;
  text-align: center;
  width: 100%; }
  #top #topinner {
    display: table-cell;
    vertical-align: middle; }
  #top #introtext {
    font-size: 1.1em; }
  #top #navlinks {
    margin-top: 40px; }
    #top #navlinks ul {
      padding: 0; }
      #top #navlinks ul li {
        list-style: none;
        display: inline-block;
        border-right: 1px solid #000000;
        padding: 0px 20px;
        margin: 0; }
        @media screen and (max-width: 576px) {
          #top #navlinks ul li {
            display: block;
            border: none;
            padding: 10px; } }
      #top #navlinks ul li:last-child {
        border-right: none; }

#portfolio {
  margin-bottom: 120px; }
  #portfolio h1 {
    text-align: center;
    margin-bottom: 40px;
    padding-top: 40px; }
    @media screen and (max-width: 576px) {
      #portfolio h1 {
        padding-top: 20px;
        font-size: 1.7em;
        margin-bottom: 0px; } }
  #portfolio .portfolio-item {
    margin: 0 auto; }
    #portfolio .portfolio-item img {
      display: block;
      width: 500px;
      margin: 0 auto; }
      @media screen and (max-width: 576px) {
        #portfolio .portfolio-item img {
          width: 100%;
          max-width: 500px; } }
    #portfolio .portfolio-item .portfolio-header {
      font-size: 1.4em;
      text-align: center;
      margin-top: 5em;
      margin-bottom: 1.5em; }

footer {
  height: 50px;
  display: block; }

/*# sourceMappingURL=style.css.map */