body {
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-weight: 300;
  color: #282829;
  -webkit-font-smoothing: antialiased;
  word-wrap: break-word;
}

a {
  color: #337ab7;
  text-decoration: none;
}

a:hover {
  color: #23527c;
  text-decoration: underline;
}

h1 {
  font-weight: 700;
}

h1 a {
  color: #282829;
  text-decoration: none;
}

h1 a:hover {
  color: #282829;
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
}

h3 {
  font-size: 24px;
  line-height: 36px;
}

body, h4 {
  font-size: 18px;
  line-height: 27px;
}

p.meta {
  color: #777;
}

#footer {
  border-top: 6px #18CAE6 solid;
  color: #777;
  padding-top: 10px;
  margin-bottom: 12px;
}

#footer a {
  color: #555;
}

#footer {
  font-size: 14px;
  line-height: 21px;
}

.clear {
  clear: both;
  width: 100%;
}

article img.right {
  float: right;
  margin-left: 10px;
  padding-bottom: 10px;
}

@media (max-width: 767px) {
  h1 {
    font-size: 24px;
    line-height: 36px;
    border-bottom: 5px #18CAE6 solid;
  }

  h2 {
    font-size: 18px;
    line-height: 27px;
  }

  h3 {
  font-size: 16px;
  line-height: 24px;
}

  body, h4 {
    font-size: 14px;
    line-height: 21px;
  }

  #container {
    margin-left: 10px;
    margin-right: 10px;
  }
}

@media(min-width: 768px) {
  #container {
    width: 768px;
    margin-left: auto;
    margin-right: auto;
  }

  h1 {
    font-size: 48px;
    line-height: 72px;
    border-bottom: 10px #18CAE6 solid;
  }
  
  h2 {
    font-size: 28px;
    line-height: 42px;
  }
}