.comments {
  display: grid;
  margin-bottom: 32px;
  grid-row-gap: 24px;
  grid-template-columns: 1fr; }
  @media (min-width: 768px) {
    .comments {
      margin-bottom: 48px; } }

.comment {
  color: #222734;
  padding-bottom: 24px;
  border-bottom: 1px solid #F2F2F2; }
  .comment:last-child {
    padding-bottom: 0;
    border-bottom: none; }
  .comment__author {
    font-weight: 800;
    color: #222734;
    margin-bottom: 4px; }
  .comment__date {
    font-weight: 700;
    color: #E4E4E4;
    margin-bottom: 14px; }
  @media (min-width: 768px) {
    .comment__author {
      margin-bottom: 4px; }
    .comment__date {
      margin-bottom: 14px; }
    .comment__text {
      -ms-flex-order: 3;
          order: 3; } }

/*# sourceMappingURL=style.css.map */