@import "../base/variables.less";
@import "../base/mixins.less";

.actuality {
  .actuality-content {
    .actuality-preview {
      display: flex;
      padding: 0 20px 20px 20px;

      @media @600 {
        flex-flow: row wrap;
      }

      .actuality-preview-image {
        width: 50%;

        @media @600 {
          width: 100%;
        }

        a {
          display: inline-block;
          margin-right: 1em;

          @media @600 {
            margin-right: 0;
          }
        }

        img {
          max-width: 100%;
          margin-bottom: 20px;
        }
      }

      .actuality-preview-content {
        p {
          font-size: 15px;

          &.actuality-date {
            margin-top: 5px;
          }
        }
      }
    }
  }
}