/* Таблица стилей к странице блога */
  .b-content__title {
    padding: 85px 0 25px;
    display: -webkit-flex;
    display: flex;
    background-image: url('../img/bg-tittle-blog.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
    .b-content__title .wrapp {
      margin:  auto;
      height: auto;
    }
    .b-content__title h1 {
      text-align: center;
      color: #FFFFFF;
      margin-bottom: 10px;
    }
    .b-content__title p.lead {
      text-align: center;
      margin-bottom: 10px;
      color: #FFFFFF;
    }
    .tag-container {
      margin-left: 16.6667%;
      width: 66.6666667%;
      text-align: center;
      line-height: 2.1rem;
    }

  .b-content__container {
    padding: 60px 0 70px;
  }
    .blog-item__inner {
      margin-bottom: 50px;
    }
    .blog-item__inner h2 {

    }
    .blog-item__inner p.text span {
      color: #383838;
    }
  .b-content__paginator {
    text-align: center;
    font-size: 0;
    margin-bottom: 70px;
  }
    .b-content__paginator span {
      display: inline-block;
      margin: 0 10px;
      font-family: 'RalewayRegular', sans-serif;
      font-size: 0.8rem;
      line-height: 40px;
      text-align: center;
      background : rgba(185, 203, 209, 0.3);
      width : 40px;
      height : 40px;
      border-radius: 50%;
      cursor: pointer;
      transition: background-color 0.2s ease,
                  color 0.2s ease;
    }
      .b-content__paginator span.current-page,
      .b-content__paginator span:hover {
        background : rgba(24, 181, 74, 0.2);
      }

.b-content__contact {
  padding: 60px 0 70px;
  background : rgba(185, 203, 209, 0.3);
}
  .b-content__contact h1 {
    text-align: center;
    margin-bottom: 35px;
  }
    .b-content__contact .input.input--akira {
      float: left;
      width: 55%;
    }
    .b-content__contact input[type="submit"] {
      margin-top: 30px;
      float: right;
      width: 40%;
    }

  @media (max-width: 768px) {
    .b-content__title {
      height: auto;
    }
    .tag-container {
      margin-bottom: 20px;
    }
    .b-content__contact .input.input--akira  {
      width: 100%;
    }
    .b-content__contact input[type="submit"] {
      width: 100%;
    }
  }

@media (max-width: 550px) {
  .b-content__title {
    padding: 100px 0 50px;
  }
    .b-content__title p.lead {
      margin-bottom: 20px;
    }
      .tag-container {
      margin-left: 0;
      width: 100%;
      text-align: center;
      line-height: 2.1rem;
    }
    .tag {
      margin: 6px 0;
    }
  .b-content__container {
    padding: 30px 0 0;
  }
  .b-content__container .blog-item__inner {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 30px;
  }
    .blog-item__bg {
      margin-bottom: 10px;
    }
    .blog-item__inner .text.bold {
      margin-bottom: 5px;
    }
    .b-content__paginator {
      margin-bottom: 30px;
    }
    .b-content__contact {
      padding: 30px 0;
    }
      .b-content__contact h1 {
        margin-bottom: 10px;
      }
}