@media screen and (min-width: $viewport-small) {

html {
  font-size: 16px;
}

h1,
.h1 {
  font-size: $h1;
}

.site-header {
  text-align: left;
}

.site-nav {
  margin-top: 0;
}

.site-header a {
  font-size: $h4;
}

.site-header .site-title {
  font-size: $h3;
  float: left;
}

.site-header .site-nav {
  float: right;
  margin-top: .25rem;
}

blockquote {
  margin-left: $space-3;
  padding: $space-3;
}

.social-icons-left {
  text-align: left;
}

.social-icons-right {
  text-align: right;
}

}

@media screen and (min-width: $viewport-medium) {

html {
  font-size: 18px;
}

}

@media screen and (min-width: $viewport-large) {

html {
  font-size: 20px;
}

}

@media screen and (min-width: $viewport-large + 14) {

em img {
  max-width: $measure-width + 14;
  margin-left: -7em;
}

}