/**

* Site header
*/

.site-header {

padding-top: 1.250em;
padding-bottom: 3em;
text-align: center;
hgroup {
  padding: 1.5em 0;
}

}

h1.site-title {

font-size: 3.2em;
line-height: 1.3;
margin-bottom: .4em;
margin-top: 0;
img {
  max-height: 200px;
}
a {
  border-bottom: 1px dotted #ccc;
  &:hover {
    color: #000;
  }
}

}

.site-description {

font-size: .9em;
font-weight: 400;

}

/**

* Site footer
*/

.site-footer {

padding: 0 0 1.5em 0;
> .row {
  border-top: 1px solid #eee;
  padding-top: 1.5em
}
.site-info {
  padding-top: 1em;
  text-align: center;
  font-size: .9em;
  color: #666;
  a {
    color: #666;
  }
}

}

.footer-heading {

font-size: 18px;
margin-bottom: $spacing-unit / 2;

}

.footer-content {

font-size: 0.8em;
color: #828282;

}

.footer-col {

margin-bottom: 15px;

}

.contact-list, .social-media-list {

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

}

/**

* Content
*/

.page, .posts, .posts-list {

max-width: 700px;
margin-left: auto;
margin-right: auto;

}

.page {

.post-list, .rss-subscribe {
  text-align: center;
}

}

/**

* Page content
*/

.page-content {

}

.page-heading {

font-size: 20px;
text-align: center;

}

.site-list, .post-list {

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

li {
    margin-bottom: $spacing-unit;
    &:last-child { margin-bottom: 0; }
}

}

.site-meta, .post-meta {

font-size: $small-font-size;
color: $grey-color;

}

.site-link, .post-link {

display: block;
font-size: 24px;

}

/**

* Posts
*/

.post-header {

margin-bottom: $spacing-unit;
text-align: center;

}

.post-title {

font-size: 42px;
letter-spacing: -1px;
line-height: 1;

@include media-query($on-laptop) {
    font-size: 36px;
}

}

.post-content {

margin-bottom: $spacing-unit;
h1, h2, h3, h4, h5, h6, p, blockquote, pre, ul, ol, dl, figure, .highlight {
  margin-bottom: 15px;
}

h2, h3, h4 { text-align: center; }
h2 {
    font-size: 32px;

    @include media-query($on-laptop) {
        font-size: 28px;
    }
}

h3 {
    font-size: 26px;

    @include media-query($on-laptop) {
        font-size: 22px;
    }
}

h4 {
    font-size: 20px;

    @include media-query($on-laptop) {
        font-size: 18px;
    }
}

ul {  
  list-style: none;
  text-align: center;
}

pre, code {
  font-size: 15px;
  border: 1px solid #E8E8E8;
  border-radius: 3px;
  background-color: #EEF;
}

pre {
  padding: 8px 12px;
  overflow-x: scroll;
}

* {
  &:first-child {
      margin-top: 0
  }
}

}

/**

* Home
*/

.home {
   article {
     margin-bottom: 3em;
     &:last-child { margin-bottom: 0; }
     p { text-align: justify; }
   }

   .article-heading {
       font-size: 2em;
       margin-bottom: 0.5em;
   }
}

/* ————— MEDIA QUERIES —————- */ @media (min-width: 768px) and (max-width: 979px) {

.main-navigation ul li {
  margin: 0 0.75em;
}

}

@media (max-width: 767px) {

.site-header {
  padding-top: 0.250em;
}
.site-header {
  padding-bottom: 1em;
  hgroup {
    padding: .875em 0;
  }
}
.site-description {
  margin: 0.23em 0;
}
.footer-col {
  float: none;
  width: -webkit-calc(100% - (#{$spacing-unit} / 2));
  width:         calc(100% - (#{$spacing-unit} / 2));
}

}