.description p, .about p, .process p{
  font-size:16px;
  color:#727272;
  letter-spacing:0.02em;
  line-height:26px;
  width:540px;
}

.header__nav{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
      -ms-flex-direction:row;
          flex-direction:row;
  gap:42px;
}
.header__nav ul{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
      -ms-flex-direction:row;
          flex-direction:row;
  list-style-type:none;
  gap:42px;
  margin:0;
  padding-block:80px;
  font-size:16px;
  font-weight:400;
  letter-spacing:0.1em;
  text-wrap:nowrap;
}
.header__nav ul li a{
  text-decoration:none;
  color:black;
}
.header__nav ul li a:hover{
  color:#34547A;
}

footer{
  background-color:#34547A;
  color:#ffffff;
  padding-inline:20px;
}
footer .container__footer{
  height:151px;
  max-width:1110px;
  margin-inline:auto;
}
footer .container__footer .footer__item{
  margin-inline:auto;
}
footer .container__footer .footer__item h2{
  font-size:21px;
  font-weight:500;
  padding-block:50px 13px;
}
footer .container__footer .footer__item span{
  font-size:13px;
}
*{
  margin:0;
  padding:0;
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
  font-family:"Roboto", sans-serif;
}

header{
  background-color:#EEEFF1;
  padding-inline:20px;
  height:700px;
}
header .container__header{
  max-width:1110px;
  margin-inline:auto;
}
header .container__header .description .description__header{
  padding-top:82px;
  padding-bottom:45px;
  margin:0;
  font-size:48px;
  font-weight:500;
}
header .container__header .description .description__button{
  background-color:#34547A;
  height:65px;
  width:225px;
  margin-top:58px;
  color:#ffffff;
  border:none;
  letter-spacing:0.1em;
  text-transform:uppercase;
  font-size:16px;
  padding-block:19px 20px;
}
header .container__header .description .description__button:hover{
  cursor:pointer;
}

main .container__about{
  height:359px;
  background-color:#F9F9F9;
  padding-inline:20px;
}
main .container__about .about{
  text-align:center;
  max-width:1110px;
  margin-inline:auto;
}
main .container__about .about .about__header{
  padding-block:112px 40px;
  margin:0;
  font-size:32px;
  font-weight:500;
}
main .container__about .about .about__about{
  margin-inline:auto;
}
main .container__projects{
  margin-inline:auto;
  background-color:#34547A;
  color:#ffffff;
  height:250px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  padding-inline:20px;
}
main .container__projects .projects{
  max-width:1110px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  gap:49px;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
}
main .container__projects .projects .top_row__projects, main .container__projects .projects .bottom_row__projects{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  gap:49px;
}
main .container__projects .projects .top_row__projects .projects__item, main .container__projects .projects .bottom_row__projects .projects__item{
  width:141px;
  height:50px;
  margin-block:auto;
  background:left no-repeat url(../images/project.svg);
  padding-left:70px;
  line-height:24px;
}
main .container__projects .projects .top_row__projects .projects__item .large_font__projects, main .container__projects .projects .bottom_row__projects .projects__item .large_font__projects{
  font-size:21px;
}
main .container__process{
  background-color:#EEEFF1;
  padding-inline:20px;
  height:1004px;
}
main .container__process .process .process__item{
  margin-inline:auto;
  max-width:1110px;
}
main .container__process .process .process__item .process__header, main .container__process .process .process__item .process__about{
  text-align:center;
  margin-inline:auto;
}
main .container__process .process .process__item .process__header{
  padding-block:100px 42px;
  margin:0;
  font-size:32px;
  font-weight:500;
}
main .container__process .process .process__item .process__about{
  padding-bottom:50px;
}
main .container__process .process .process__item .video{
  margin-inline:auto;
}
@media screen and (max-width: 1160px){
  .description__about, .about__about, .process__about{
    font-size:14px;
    margin-inline:auto;
  }
  .header__nav{
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
  }
  .header__nav ul{
    gap:30px;
    font-size:18px;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
    padding-block:40px;
  }
  footer .container__footer{
    text-align:center;
    height:120px;
    width:708px;
  }
  footer .container__footer .footer__item .footer__name{
    padding-top:40px;
  }
  footer .container__footer .footer__item .footer__copyright{
    font-size:16px;
  }
  header{
    height:500px;
  }
  header .container__header{
    width:708px;
  }
  header .container__header .description{
    text-align:center;
  }
  header .container__header .description .description__header{
    padding-top:41px;
    padding-bottom:22px;
    margin:0;
    font-weight:500;
    font-size:30px;
  }
  header .container__header .description .description__about{
    font-size:14px;
    margin-inline:auto;
  }
  header .container__header .description .description__button{
    height:55px;
    width:180px;
  }
  main .container__about{
    height:260px;
  }
  main .container__about .about{
    width:708px;
  }
  main .container__about .about .about__header{
    padding-top:41px;
    font-size:30px;
  }
  main .container__about .about .about__about{
    font-size:14px;
    margin-inline:auto;
  }
  main .container__projects{
    height:260px;
  }
  main .container__projects .projects{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;
    gap:16px;
    width:708px;
  }
  main .container__projects .projects .top_row__projects, main .container__projects .projects .bottom_row__projects{
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
  }
  main .container__projects .projects .top_row__projects .projects__item, main .container__projects .projects .bottom_row__projects .projects__item{
    height:72px;
    width:175px;
  }
  main .container__projects .projects .top_row__projects .projects__item .large_font__projects, main .container__projects .projects .bottom_row__projects .projects__item .large_font__projects{
    font-size:16px;
  }
  main .container__process{
    height:700px;
  }
  main .container__process .process{
    width:708px;
    margin-inline:auto;
  }
  main .container__process .process .process__item .process__header{
    padding-top:41px;
    font-size:30px;
  }
  main .container__process .process .process__item .process__about{
    font-size:14px;
    margin-inline:auto;
  }
  main .container__process .process .process__item .video{
    width:708px;
    height:383px;
  }
}
@media screen and (max-width: 768px){
  header .container__header .navbar__list{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    gap:20px;
    -ms-flex-wrap:wrap;
        flex-wrap:wrap;
  }
  header .container__header .navbar__list ul{
    padding-block:20px 15px;
    font-size:16px;
  }
  main .container__about, main .container__projects, main .container__process{
    padding-inline:10px;
  }
  footer{
    padding-inline:10px;
    min-width:375px;
  }
  footer .container__footer{
    width:335px;
  }
  footer .container__footer .footer__item .footer__name{
    font-size:16px;
  }
  footer .container__footer .footer__item .footer__copyright{
    font-size:14px;
  }
  header{
    padding-inline:10px;
    height:475px;
    min-width:375px;
  }
  header .container__header{
    width:335px;
  }
  header .container__header .description .description__header{
    font-size:24px;
  }
  header .container__header .description .description__about{
    width:335px;
    font-size:12px;
  }
  header .container__header .description .description__button{
    margin-block:20px;
    padding-block:5px;
    width:150px;
    height:35px;
    font-size:14px;
  }
  main{
    min-width:375px;
  }
  main .container__about .about{
    width:335px;
    height:400px;
  }
  main .container__about .about .about__header{
    padding-block:32px 22px;
    font-size:24px;
  }
  main .container__about .about .about__about{
    width:335px;
    font-size:12px;
  }
  main .container__projects{
    height:360px;
  }
  main .container__projects .projects{
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
        -ms-flex-direction:row;
            flex-direction:row;
    width:335px;
  }
  main .container__projects .projects .top_row__projects, main .container__projects .projects .bottom_row__projects{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;
    gap:30px;
  }
  main .container__projects .projects .top_row__projects .projects__item, main .container__projects .projects .bottom_row__projects .projects__item{
    height:70px;
    width:140px;
    font-size:12px;
    margin-block:0;
  }
  main .container__projects .projects .top_row__projects .projects__item .large_font__projects, main .container__projects .projects .bottom_row__projects .projects__item .large_font__projects{
    font-size:12px;
  }
  main .container__process{
    height:450px;
  }
  main .container__process .process{
    width:335px;
  }
  main .container__process .process .process__item .process__header{
    padding-block:32px 22px;
    font-size:24px;
  }
  main .container__process .process .process__item .process__about{
    width:335px;
    font-size:12px;
  }
  main .container__process .process .process__item .video{
    width:335px;
    height:181px;
  }
}