@font-face {
  font-family: 'Intro';
  src: url(../css/Intro-Bold.ttf);
}
/* Общие */
/* контейнер */
.cntr {
  width: 80%;
  margin: 0 auto;
}

/* круглые значки */
.crcl-icon {
  /* border-radius: 50%; */
  width: 60px;
}

/* заголовок */
.title h2 {
  font-size: 36px;
  font-family: Intro, impact;
}

/* Первый блок */
#face {
  background-color: #505050;

  color: #fefefe;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* Шапка */
/* лого */
#logo {
  /* font-size: 14; */
}

/* слоган */
#slogan h2 {
  font-size: 18px;
  font-weight: 700;
}

#slogan p {
  font-size: 17.6px;
}

/* телефон */
#phone {
  font-size: 25px;
  text-align: right;
}

#modal_form {
  width: 400px;
  display: none;
}

/* Центральный блок с заголовком и надписью */
#main-title {
  background-color: rgba(0, 0, 0, 0.34);

  margin: 0 auto;

  font-weight: 700;
  line-height: 58px;
}

#p1 {
  font-size: 52px;
  line-height: 58px;
}

#p2 {
  font-size: 26px;
  line-height: 58px;
}

/* Нижний блок */
/* левый блок с фичами */
/* .icon-block {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  height: 100px;
} */

.feauter-item-img img {
  margin: 0 auto;
}

.f-title {
  font-size: 22px;
}

.f-title, .f-text {
  font-weight: 500;

  margin-bottom: 0;
}

.f-text {
  line-height: 165%;
}

/* Форма для книги */
.card-header {
  background: #11519c;
}

.card-header {
  font-size: 22px;
}

/* Второй блок */
/* заголовок */
#intro {
  color: #005b7e;
}

/* фишки */
#ftrs .f-title {
  color: #005b7e;
}

/* Третий блок */
#program {
  background-color: #505050;

  color: #fefefe;
}

/* блоки с программами */
.pr-block {
  background-color: rgba(0, 0, 0, 0.34);

  border-radius: 15px;
}

/* заголовок */
.text-center span {
  font-size: 26px;
  font-weight: 500;
}

/* программы */
.prog-title {
  font-size: 24%;

  margin-left: 8%;
  /* color: rgb(215, 219, 95); */
}

.prog-subtitle {
  font-size: 110%;

  margin-left: 8%;
}

/* Цены */
#prices {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* абзацы */
#first-p {
  font-size: 32px;

  margin-top: -20px;
}

.strong {
  font-size: 32px;
}

/* Блок с формой для регистрации на пробное занятие и блок онлайн занятия */
#trial-form, #online-form {
  background-color: #505050;

  color: #fefefe;
}

.ft {
  background-color: rgba(255, 255, 255, 0.70);
}

.ft-title {
  /* font-weight: 500; */
  color: #003562;
  font-size: 32px;
}

.ft-text {
  color: black;
  font-size: 22px;
}

/* Блок "что будет на пробном занятии" */
/* иконки */
.trial-ftrs {
  margin: 0 auto;
}

/* Футер */
footer {
  background-color: rgb(36, 36, 36);

  color: white;
}

/* Временные стили */
div {
  /* border: 1px solid black; */
}

.feauter-item {
  /* border: 1px solid black; */
}

/* Медиа-запросы */
@media (max-width: 992px) {
  /* Общие стили */
  .forma {
    width: 100%;
  }

  /* Первый блок */
  .cntr {
    width: 90%;

    /* margin: 0; */
  }

  /* Шапка */
  #slogan {
    text-align: center;
  }

  /* Телефон */
  #phone p {
    text-align: center;
  }

  /* Левый нижний блок с фичами */
  #left_block_ft {
    margin: 0 auto;
  }

  .feauter-item {
    padding: 0!important;
    margin: 0!important;
  }

  .align-item-center {
    padding: 0!important;
    margin: 0!important;
  }

  .f-text {

  }

  /* Пятый и седьмой блок */
  .desc {
    margin-bottom: 20px;
  }

  /* Футер */
  footer {
    text-align: center;
  }
}