.article-container {

  .article-title {
    h1 {
      text-transform: uppercase;
      font-size: 30px;
      letter-spacing: 5px;
      line-height: 1;
    }

    h2 {
      text-transform: uppercase;
      letter-spacing: 1px;
      font-size: 28px;
      line-height: 1;
      font-weight: 600;
      color: #5f5f5f;

    }

    h3 {
      text-transform: uppercase;
      letter-spacing: 1px;
      line-height: 1;
      font-weight: 600;
      color: #464646;
      font-size: 22px;
      margin: 0;

    }

    a {
      text-decoration: none;
      letter-spacing: 1px;
      color: #5f5f5f;

      &:hover {
        text-decoration: underline;
      }

    }
  }

  .article-meta-info {

    margin-top: 20px;

    .meta {
      max-width: 100%;
      height: 25px;
      color: #bbbbbb;

      .info {
        float: left;
        font-size: 12px;

        .date {
          margin-right: 10px;
        }
      }

      a {
        text-decoration: none;
        color: #bbbbbb;
        padding-right: 10px;

        &:hover {
          color: #4786D6;
        }
      }

      i {
        margin-right: 6px;
      }
    }


    .tags {
      padding-bottom: 15px;
      font-size: 13px;

      ul {
        list-style-type: none;
        display: inline;
        margin: 0;
        padding: 0;

        li {
          list-style-type: none;
          margin: 0;
          padding-right: 5px;
          display: inline;
        }
      }

      a {
        text-decoration: none;
        color: rgba(0, 0, 0, 0.44);
        font-weight: 400;

        &:hover {
          text-decoration: none;
        }
      }
    }
  }


  .article-content {

    padding-bottom 10px
    border-bottom 1px solid #f2f2f2

    a {
      text-decoration: none;
      letter-spacing: 1px;
      color: #4786D6;
    }

    a:hover {
      color: #2F69B3;
    }

    h3 {
      color: #5F5F5F;
      font-size: 22px;
      font-weight: 600;
    }

    h4 {
      color: #5F5F5F;
      font-size: 16px;
    }
  }


  .article-nav {

    height 40px
    margin 20px 0

    .article-prev {
      float left
    }

    .article-next {
      float right
    }

  }

}