:root {
  --trasparcolor: rgba(7, 57, 103, .8);
  --main: #254B75;
  --newstext: #1371C7;
  --lighttone: #F0F0F0;
  --maintext: #151515;
  --greytext: #808080;
  --darkbackground: #272727
}

body {
  min-width: 320px;
}

nav {
  background: rgba(37, 75, 117, 1);
  box-shadow: 0 2px 2px #000;

}

#menu li:first-child {
  display: none;
}



.about-ep {
  padding-top: 120px;
  padding-bottom: 60px;
}

.about-ep .about-title {
  color: var(--main);
  padding-bottom: 40px;
  text-align: center;
}

.about-ep p {
  color: var(--maintext);
  padding-bottom: 20px;
  font-size: 18px;
}


.supervisory {
  background-color: var(--main);
}

.supervisory .supervisory-title {
  color: #fff;
  padding-top: 40px;
  padding-bottom: 40px;
  text-transform: uppercase;
}

/* .members-block {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 5%;

} */

/* .member-card {
  width: 30%;
  display: flex;
  flex-direction: column;
  align-items: center;
} */

.member-image {
  width: 80%;
}

.member-image img {
  width: 100%;
  border-radius: 50%;
}

.member-name {
  color: white;
  text-align: center;
  font-size: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.member-post {
  color: rgb(206, 206, 206);
  text-align: center;
  font-size: 14px;
  text-transform: uppercase;
  padding-bottom: 40px;
}

.chief {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.chief-title {
  padding-top: 60px;
  padding-bottom: 30px;
  font-size: 34px;
  color: var(--main);
}

.chief-img {
  display: flex;
  justify-content: center;
}

.chief-img img {
  width: 50%;
}

.chief-name {
  padding-top: 20px;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 700;
  padding-bottom: 20px;
  color: var(--main);
}


/* БЛОК СОТРУДНИКИ ЭКСПЕРТНОЙ ПАЛАТЫ */

.employees {
  padding-bottom: 30px;
}

.employees .employee-title,
.founders .founder-title {
  color: var(--maintext);
  padding-top: 40px;
  padding-bottom: 40px;
  text-transform: uppercase;
}

.members-block,
.employees-block,
.founders-block {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 5%;

}

.member-card,
.employee-card,
.founder-card {
  width: 30%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.employee-image {
  width: 80%;
}

.employee-image img {
  width: 100%;
  border-radius: 50%;
  border: 2px solid var(--lighttone);
}

.employee-name,
.founder-name {
  color: var(--main);
  text-align: center;
  font-size: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.employee-post,
.founder-post {
  color: var(--greytext);
  text-align: center;
  font-size: 14px;
  text-transform: uppercase;
  padding-bottom: 40px;
}


.wrap {
  width: 100%;
  height: 2px;
  background-color: var(--newstext);
}

.founder-image {
  max-height: 80%;
}

.founder-image img {
  width: 100%;
  /* border: 2px solid var(--lighttone); */
}

/* РАЗРЕШЕНИЕ ДО 1200PX */

@media (max-width: 1200px) {


  .container {
    padding-left: 15px;
    padding-right: 15px;
  }
}

/* РАЗРЕШЕНИЕ ДО 768PX */

@media (max-width: 768px) {

  .about-ep {
    padding-top: 60px;
    padding-bottom: 30px;
  }

  .about-ep .about-title {
    padding-bottom: 18px;
  }

  .about-ep p {
    padding-bottom: 10px;
    font-size: 14px;
  }

  .supervisory .supervisory-title,
  .employees .employee-title,
  .founders .founder-title {
    font-size: 16px;
  }



  .member-name {
    font-size: 16px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .member-post {
    font-size: 12px;
  }

  .chief-title {
    padding-top: 30px;
    padding-bottom: 20px;
    font-size: 24px;
  }

  .chief-name {
    font-size: 16px;
  }

  .chief-img img {
    width: 70%;
  }

  .employees {
    padding-bottom: 20px;
  }

  .member-card,
  .employee-card,
  .founder-card {
    width: 47%;
  }

  .employee-image {
    width: 80%;
  }

  .employee-name,
  .founder-name {
    font-size: 16px;
  }

  .employee-post,
  .founder-post {
    font-size: 12px;
    padding-bottom: 20px;
  }


}

/* РАЗРЕШЕНИЕ ДО 576PX */

@media (max-width: 576px) {

  .supervisory .supervisory-title,
  .employees .employee-title,
  .founders .founder-title {
    font-size: 14px;
  }

  .member-image,
  .employee-image {
    width: 60%;
  }

  .members-block,
  .employees-block,
  .founders-block {
    justify-content: center;
  }

  .member-card,
  .employee-card,
  .founder-card {
    width: 80%;
  }

  .chief-title {
    font-size: 20px;
  }

  .chief-name {
    font-size: 14px;
  }

  .chief-img img {
    width: 98%;
  }

}