/*
|-------------------------------------------------------------------------------
| Base elements / Un-classed elements
|-------------------------------------------------------------------------------
*/
// All
* {
  box-sizing: border-box;
}

// Body, Html
body, html {
  height: 100%;
}

// Body
body {
  min-width: 320px;
  background: $c-grayLight;
  color: $c-grayDark;
  font-size: 16px;
  line-height: 1.2em;
  font-family: 'Merriweather', serif;
}

// Anchors
a {
  outline: none;
  color: $c-grayDark;
  @include transition();
  text-decoration: none;

  &:hover {
    color: $c-grayAccent;
  }
}

// Headings
h1 {
  margin: 0;
  font-size: 1.4em;
}

h2 {
  margin: 0;
  font-size: 1.2em;
}

h3 {
  margin: 0;
  font-size: 1em;
}