@charset "UTF-8";
/* ------------ *Index ------------- */
.about {
  padding-top: 55px;
}
.about .box {
  margin-top: 65px;
}
.about__txt {
  padding-top: 20px;
}
.paragraph {
  line-height: 1.3;
  margin-bottom: 15px;
}
.about__txt .paragraph:last-child {
  margin-bottom: 0;
}
.about .line {
  margin-top: 85px;
}
.catalog {
  padding-top: 55px;
}
.catalog .row {
  margin-top: 45px;
}
.catalog__item {
  color: #000;
  display: block;
  text-align: center;
}
.catalog__img {
  height: 345px;
}
.catalog__img img {
  display: block;
  width: 100%;height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.catalog__name {
  font-size: 18px;
  margin-top: 25px;
  font-weight: bold;
}
.catalog .line {
  margin-top: 70px;
}
.individual {
  padding-top: 60px;
}
.individual .paragraph {
  margin: 40px 0 0;
}
.individual__form {
  margin-top: 45px;
}
.contacts {
  padding-top: 55px;
}
.question {
  padding-top: 60px;
}
.question .row {
  margin-top: 50px;
}
.question .form__field {
  margin-bottom: 22px;
}

/* ================ Media ================ */

@media only screen and (max-width : 1199px) {
  .about .box {
    margin-top: 40px;
  }
  .about .line {
    margin-top: 55px;
  }
  .catalog .row {
    margin-top: 30px;
  }
  .catalog__img {
    height: 293px;
  }
  .catalog__name {
    font-size: 16px;
    margin-top: 20px;
  }
}

@media only screen and (max-width : 991px) {
  .about,
  .catalog,
  .individual,
  .contacts,
  .question {
    padding-top: 40px;
  }
  .about__txt {
    padding-top: 0;
  }
  .catalog__img {
    height: 220px;
  }
  .individual .paragraph {
    margin-top: 15px;
  }
  .individual__form {
    margin-top: 35px;
  }
  .individual .line,
  .contacts .line {
    margin-top: 50px;
  }
}

@media only screen and (max-width : 767px) {
  .about .box {
    margin-top: 30px;
  }
  .catalog .row .col-4 {
    margin-bottom: 30px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .catalog__item {
    height: 100%;
  }
  .catalog__img {
    height: auto;
  }
}

@media only screen and (max-width : 370px) {
  .catalog .row .col-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}

@media only screen and (min-width : 1200px) {
  .catalog .row .col-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 375px;
            flex: 0 0 375px;
    max-width: 375px;
  }
}