/** Media Responsiveness **/ @media screen and (max-width: 600px) {

.navbar-right a:not(:first-child) {
  display: none;
}
.navbar-right a.icon {
  float: right;
  display: block;
  font-size: 1em*2;
}
.hero-img {
  height: 400px;
}

}

@media screen and (max-width: 600px) {

.navbar-right.responsive {
  position: relative;
}
.navbar-right.responsive .icon {
  position: absolute;
  right: 0;
  top: 0;
}
.navbar-right.responsive a {
  float: none;
  display: block;
  text-align: left;
}

}

@media screen and (min-width: 360px) {

.recent-post-wrapper {
  width: 100%;

  .recent-post-container {
    margin: 0 auto 0 auto;

    .post-entry-grid {
      margin: 0 $base-spacing 0 $base-spacing;

      .entry-flex {
        padding-bottom: $base-spacing;
      }
    }
  }
  .button-post {
    margin-left: 30%;
    margin-right: 30%;
    text-align: center;
  }
}
.page-wrapper {
  width: 100%;

  .page-header {
  height: 100px;
  margin: 2em auto 2em auto;
  }
}
.post-wrapper {
  .post-header {
    margin: 1em auto 1em auto;
    height: 100px;

    .post-title {
      font-size: 20px;
    }
    .post-meta {
      margin: 0;
    }
  }
  .post-content {
    margin: $base-spacing*2 auto $base-spacing*2 auto;
  }
}

}