@media (max-width: 1200px) {
  .parts__conatiner {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (max-width: 880px) {
  .container {
    max-width: 680px;
  }

  .headline {
    font-size: 24px;
  }
}

@media (max-width: 700px) {
 .headline {
   font-size: 20px;
 }

 .container {
   max-width: 570px;
 }

 .nav__item {
   margin-right: 30px;
 }
}

@media (max-width: 600px) {
 .container {
  max-width: 400px;
 }

 .headline {
   font-size: 16px;
 }

 .nav__item {
   font-size: 14px;
 }

 .footer__text {
   font-size: 13px;
 }

 .headline__container {
   text-align: center;
 }
}

@media (max-width: 440px) {
  .footer__text {
    font-size: 11px;
  }

  .headline {
    font-size: 15px;
  }

  .container {
    max-width: 370px;
  }

  .nav__item {
    margin-right: 20px;
  }
}

@media (max-width: 378px) {
  .container {
    max-width: 320px;
  }
  .headline {
    font-size: 13px;
  }

  .nav__item {
    font-size: 12px;
  }

}