.publication {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 30px -20px; }
  .publication .publication-image, .publication .publication-icon {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 20px;
    padding-left: 20px; }
    @media (min-width: 768px) {
      .publication .publication-image, .publication .publication-icon {
        display: flex;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%; } }
  .publication .publication-image img {
    max-width: 100%;
    height: auto; }
    @media (max-width: 767px) {
      .publication .publication-image img {
        margin-bottom: 20px; } }
  .publication .publication-icon {
    justify-content: center;
    padding-top: 4px; }
    .publication .publication-icon p {
      background: #00b0b0;
      box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2);
      border-radius: 50%;
      width: 60px;
      height: 60px;
      text-align: center; }
      .publication .publication-icon p i {
        color: #fff;
        line-height: 60px; }
  .publication .publication-text {
    -ms-flex-preferred-size: 0;
    flex-basis: 0%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%; }
    @media (max-width: 767px) {
      .publication .publication-text {
        padding-left: 20px;
        padding-right: 20px; } }

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