.article {
  margin: 50px 0;

  .article-cover{
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
  }

  .article-content {
    color: #231D0A;

    h2,h3,p {
      margin-top:0;
    }

    h1 {
      font-size: 3rem;
      font-weight: 700;
      line-height: 62px; /* 129.167% */
      margin: 0;
    }

    .article-date {
      font-size: 1.125rem;
      font-weight: 700;
      line-height: 62px; /* 344.444% */
      margin: 16px 0;
    }

    p {
      font-size: 1.125rem;
      line-height: 150%; /* 27px */

    }
  }
}

@media all and ( min-width:1300px ) {
  .article {
    margin: 150px 0;
  
    .article-cover{
      display: block;
      float: right;
      margin-bottom: 30px;
    }
    .article-content {
      .article-date {
        margin: 32px 0;
      }
    }
  }
}