// Wrap .wrap { // height:unquote(“calc( 100vh - #{$navbar-height} )”);

  height: 100vh;
  display: flex;
  overflow: hidden;
  position: relative;
  width: 100%;
  backface-visibility: hidden;
  will-change: overflow;
}

.wraptainer {

margin-top: $header-margin;

}

// Header header {

padding: 0.9375rem 0;
background-color: $header-color;
z-index: 5;

}

.header-logo:hover {

opacity:.9;

}

ul > .header-nav > a {

color: $header-link-color;

}

ul > .header-nav > a:hover {

color: $header-link-hover-color

}

ul > .header-nav > a:visited {

color: $header-link-color;

}

.site-header .menu .active > a {

background-color: $header-active-link-color;
color: $header-link-color;

}

.social-container {

margin: 0;
list-style-type: none;
padding-top: 10px;

}

// Containers .content_container {

flex: 1;
overflow: auto;
height: auto;
padding: .5rem;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: none;

}

.biopic {

-webkit-border-radius: 200px;
-moz-border-radius: 200px;
-ms-border-radius: 200px;
-o-border-radius: 200px;
border-radius: 200px;
padding-left: 1em;

}

.bio {

padding-top: 2em;

}

.recent-posts {

font-size: 0.8rem;

}

// Pages .page-content {

padding: 0 1.2rem 1.2rem 1.2rem;

}

.page-heading {

font-size: 20px;

}

.sidebar {

order: 2;
background-color: $sidebar-color;

}

.sidebar h2 {

text-transform: uppercase;

}

.sidebar ul li {

padding: 0 0 1rem 0;

}

.roll {

margin-bottom: 2.5rem;

}

// Posts

.post-title {

font-size: 2em;
letter-spacing: -1px;
line-height: 1;

}

.post-content {

margin: 0 30px 30px 30px;

}

.post-list {

margin-left: 0;
list-style: none;

> li {
    margin-bottom: $spacing-unit;
}

}

.post-meta {

font-size: $small-font-size;
color: darken($complimentary-color, 35%);
margin-bottom: -1rem;

}

.post-link {

display: block;
font-size: 24px;
line-height: 1.2rem;

}