body {
  width: 100%;
  margin: 0%;
  font-family: 'PT Sans', sans-serif;
}

h2 {
  text-align: center;
}


section {
  padding: 60px 0;
}

.navbar-default {
  background-color: #13455E;
}

.navbar-default .navbar-brand {
  color: #FFF;
}

.navbar-default .navbar-nav>li>a {
  color: #FFF;
}

.right-nav {
  margin-right: 80px;
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 20px;
}

.left-nav {
  margin-left: 80px;
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 20px;
}

#intro {
  text-align: center;
  height: 100vh;
  padding-top: 30vh;
}

a.anchor {
  display: block;
  position: relative;
  top: -80px;
  visibility: hidden;
}

#about {
  background-color: #106A8E;
  width: 100%;
}

#portfolio {
  text-align: center;
}

#portfolio h2 {
  color: #00E2E2;
}

.panel {
  margin-top: 25px;
}

.panel-one {
  background-color: #13455E;
  color: #FFF;
  height: 250px;
}

.panel-two {
  background-color: #00E2E2;
  height: 250px;
}

.panel-one > .panel-body > a {
  color: white;
}

.panel-two > .panel-body > a {
  color: black;
}

#social {
  background-color: #13455E;
  text-align: center;
}

.page-heading {
  margin-top: 85px;
  text-align: center;
}

.post {
  min-height: 100vh;
}

.post-list {
  min-height: 100vh;
  list-style-type: none;
}
.post-link {
  text-align: left;
}

.post-meta {
}

.post-header {
  margin-top: 145px;
  margin-bottom: 50px;
  text-align: center;
  font-family: serif;
}

.post-content p {
  font-size: 18px;
}

.post-excerpt {
  padding-bottom: 40px;
}

footer {
  background-color: #106A8E;
  padding: 20px 0;
  text-align: center;
}

/* Media Queries */
@media (max-width: 550px) {
  .line-img {
    width: 300px;
  }
}
@media (max-width: 400px) {
  .line-img {
    width: 200px;
  }
}