/* Tailwind */
.mb-8 {
  margin-bottom: 2rem;
}

/* BOOTSTRAP CUSTOMIZE */
@media (min-width: 1200px) {
  .container { width: 950px; }  /* Самая большая ширина, отменяем 1170px */
}

@media (min-width: 768px) {
  .container {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .container {
    width: 900px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 900px;
  }
}

/* Отступы на мобильном (для остального стандартные бутстраповские устраивают) */
@media screen and (max-width: 767px) {
  .jumbotron {
    padding: 20px;
  }
}

/* Позиционируем логотип (немного увеличим относительно стандартного бутстраповского) */
.navbar-brand {
  padding: 10px 15px 10px 15px;
  margin-left: 0 !important;
}
@media screen and (max-width: 767px) {
  .navbar-brand {
    margin-left: 10px !important;
  }
}


/* Ошибки формы */
.errorlist { color: #a94442; list-style-type: none; margin-bottom: 5px; padding: 0; font-size: 85%; }

.main {  }
.footer { background-color: #F2F2F2; padding-top: 20px; padding-bottom: 20px; color: #666; font-size: 12px; }
.footer__split-line { border-right: 1px solid #d6d6d6; margin-right: 10px; padding-right: 12px; }
.flatpage__content { margin-bottom: 20px; }

.navbar-inverse .navbar-brand { color: #ddd;}
.navbar-default {}
.navbar { border-radius: 0; border-width: 0; }
.thumbnail { border-radius: 0px; }
.page-header { margin-top: 0; padding-bottom: 2px; }

h1, h2, h3, h2 small { font-weight: 400; }
h2 small { font-size: 15px; margin-left: 5px; }
p:last-child { margin-bottom: 0; }

/* Заголовки на мобильном поменьше */
@media screen and (max-width: 767px) {
  h2 { font-size: 25px; }
  h2 small { font-size: 14px; }
}

.items {
  /*display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;*/
  /*justify-content: space-between;*/
  /*-webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap;*/
  margin-top: 30px;
  margin-bottom: 0;
  display: grid;
  grid-gap: 10px;
  grid-template-columns: repeat(2, calc(100%/2 - 10px/2));
  align-items: center;
}
/* Позиционирование элементов на разных экранах */
@media (min-width: 550px) {
  .items {
    grid-gap: 15px;
    grid-template-columns: repeat(3, calc(100%/3 - 15px*2/3));
  }
}
@media (min-width: 768px) {
  .items {
    grid-gap: 15px;
    grid-template-columns: repeat(4, calc(100%/4 - 15px*3/4));
  }
}
@media (min-width: 915px) {
  .items {
    row-gap: 25px;
  }
}

/* Клиенты */
.items-sm {
  grid-gap: 10px;
  grid-template-columns: repeat(3, calc(100%/3 - 10px*2/3));
}
.items-sm .item {
  height: 110px;
  background-size: 80%;
}

@media (min-width: 500px) {
  .items-sm {
    grid-gap: 15px;
    grid-template-columns: repeat(4, calc(100%/4 - 15px*3/4));
  }
  .items-sm .item {
    height: 160px;
    background-size: 70%;
  }
}
@media (min-width: 768px) {
  .items-sm {
    grid-gap: 15px;
    grid-template-columns: repeat(5, calc(100%/5 - 15px*4/5));
  }
}
@media (min-width: 915px) {
  .items-sm {
    row-gap: 15px;
  }
}

.item {
  display: block;
  width: 200px; height: 160px; max-width: 100%;
  border-radius: 5px;
  /*border: 1px solid #d7d7d7; */
  cursor: pointer;
  background: no-repeat center center #f9f9f9;
  background-size: 80%;
  margin: auto;
}
.item:hover {
  border-color: #BBB;
  position: relative; top: -2px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
.item:active {
  position: relative;
  top: 0;
}

.item__partner {
  background-size: 100px 100px;
}