h1,
p {
  margin: 0 auto;
  padding: 0;
}

.academy {
  text-align: center;
  line-height: 0.7;
}
.academy h1 {
  /* text-align: center; */
  display: block;
  font-size: 25vw;
}
.kyrs {
  font-size: 6vw;
}

.tup {
  text-align: center;
  margin-top: 25px;
  margin-bottom: 25px;
}
.tup p {
  display: block;
}
.tup p a {
  font-weight: 700;
  font-size: 8vw;
  text-decoration: none;
  color: rgb(0, 0, 0);
  background-color: #cef751;
  border-radius: 5px;
  padding: 10px 20px;
}
.tup p a:hover {
  color: rgb(0, 0, 0);
  background-color: #ffffff;
}
.avtor {
  font-size: 4vw;
  color: rgb(193, 193, 193);
}

.advantages ul {
  margin: 0;
  margin-top: 50px;
  padding: 0;
  list-style-type: none;
}
.advantages ul li h2 {
  font-size: 8vw;
  margin: 0;
}
.advantages ul li {
  padding: 10px;
  border-radius: 5px;
  color: #000;
  margin-bottom: 20px;
  background-color: rgb(193, 193, 193);
}

.why_barber {
  text-align: left;
}
.why_barber h1 {
  font-size: 17vw;
  margin-top: 50px;
  line-height: 0.8;
}
.why_barber h2 {
  color: #cef751;
  font-size: 12vw;
  line-height: 0.8;
}
.why_barber_answer ul {
  list-style-type: none;
  padding-left: 0;
  text-align: left;
}
.why_barber_answer ul li {
  padding: 10px;
  border-radius: 5px;
  color: #000;
  background-color: #cbd0d0;
  margin-bottom: 20px;
}
.why_barber_answer ul li:last-child {
  margin-bottom: 20px;
}
.why_barber_answer ul li h3 {
  margin: 0;
  font-size: 8vw;
}

.tup_2 {
  text-align: center;
  margin-top: 35px;
  margin-bottom: 45px;
}
.tup_2 p {
  display: block;
}
.tup_2 p a {
  font-weight: 700;
  font-size: 8vw;
  text-decoration: none;
  color: rgb(0, 0, 0);
  background-color: #cef751;
  border-radius: 5px;
  padding: 10px 20px;
}
.tup_2 p a:hover {
  color: rgb(0, 0, 0);
  background-color: #fff;
}

.b {
  margin: 0;
  padding: 0;
}

.self {
  padding: 0;
  margin-top: -10px;
  height: 100vh;
  background: url("../img/bacgr_png.png") center top / cover;
}

.i {
  color: #cbd0d0;
}

.fraz {
  padding: 5px;
  color: #000;
  border-radius: 10px;
  background-color: rgba(206, 247, 81, 0.735);
  margin-top: 75%;
  margin-right: 30%;
  font-size: 5vw;
}

@media (min-width: 400px) {
  .fraz {
    padding: 5px;
    color: #000;
    border-radius: 10px;
    background-color: rgba(206, 247, 81, 0.735);
    margin-top: 90%;
    margin-right: 30%;
    font-size: 4vw;
  }
}

@media (min-width: 660px) {
  .fraz {
    padding: 5px;
    color: #000;
    border-radius: 10px;
    background-color: rgba(206, 247, 81, 0.735);
    margin-top: 60%;
    margin-right: 30%;
    font-size: 4vw;
  }
  .self {
    background: url("../img/bacgr_png.png") center 30% / cover;
  }

  .academy {
    margin-top: 30px;
  }

  .academy h1 {
    font-size: 18vw;
  }
  .kyrs {
    font-size: 5vw;
  }
  .tup p a {
    font-size: 3vw;
  }
  .advantages ul li h2 {
    font-size: 4vw;
  }
  .advantages ul li {
    font-size: 3vw;
  }
  .why_barber h1 {
    font-size: 14vw;
  }
  .why_barber h2 {
    font-size: 9vw;
  }
  .why_barber_answer ul li h3 {
    font-size: 4vw;
  }
  .why_barber_answer ul li p {
    font-size: 3vw;
  }
  .tup_2 p a {
    font-size: 3vw;
  }
  .avtor {
    font-size: 2vw;
  }
}

@media (min-width: 1000px) {
  .fraz {
    padding: 5px;
    color: #000;
    border-radius: 10px;
    background-color: rgba(206, 247, 81, 0.735);
    margin-top: 30%;
    margin-right: 30%;
    font-size: 4vw;
  }
  .self {
    background: url("../img/bacgr_png.png") center 25% / cover;
  }
  .advantages ul li h2 {
    font-size: 3vw;
  }
  .advantages ul li {
    font-size: 2vw;
  }
  .why_barber h2 {
    font-size: 8vw;
  }
  .why_barber_answer ul li h3 {
    font-size: 3vw;
  }
  .why_barber_answer ul li p {
    font-size: 2vw;
  }
}

@media (min-width: 1200px) {
  .fraz {
    padding: 5px;
    color: #000;
    border-radius: 10px;
    background-color: rgba(206, 247, 81, 0.735);
    margin-top: 35%;
    margin-right: 45%;
    font-size: 2.5vw;
  }
  .self {
    background: url("../img/bacgr_png.png") center 20% / cover;
  }

  .academy h1 {
    font-size: 15vw;
  }
  .kyrs {
    font-size: 4vw;
  }
  .tup p a {
    font-size: 3vw;
  }
  .advantages ul li h2 {
    font-size: 4vw;
  }
  .advantages ul li {
    font-size: 3vw;
  }
  .why_barber h1 {
    font-size: 10vw;
  }
  .why_barber h2 {
    font-size: 6vw;
  }
  .why_barber_answer ul li h3 {
    font-size: 4vw;
  }
  .tup_2 p a {
    font-size: 3vw;
  }
  .avtor {
    font-size: 1.5vw;
  }
}

@media (min-width: 1500px) {
  .self {
    background: url("../img/bacgr_png.png") center 25% / cover;
  }
}

@media (min-width: 1800px) {
  .fraz {
    margin-top: 50%;
    margin-right: 45%;
  }
  .self {
    background: url("../img/bacgr_png.png") center 20% / cover;
  }
}

@media (min-width: 2000px) {
  .fraz {
    margin-top: 40%;
    margin-right: 45%;
  }
  .self {
    background: url("../img/bacgr_png.png") center 20% / cover;
  }
}