Почему сайт гуляет на мобильных экранах?
@media (max-width: 730px) {
  .team-people {
    width: 700px;
  }
}
Вот зачем 700px для мобильных?

И сразу же
.team-people {
    width: 785px;
}
И в ту же степь
.portfolio-form {
    width: 510px;
}

Если уж прям очень нужно ограничить ширину, то нужно ставить max-width и верстку не сломаешь.
Хотел помочь увидел структуру 
<header class="header">
        <div class="container">
            <div class="header-block">
                <div class="header-logo">
                    <div class="header__img">
                        <img src="img/logo.png" alt="BAK-ONE">
                    </div>
                    <div class="header__text">
                        <!-- /.header__logo -->
                        <div class="header__title">BAK-ONE</div>
                        <!-- /.header__title -->
                        <div class="header__subtitle">One Page Flat Template</div>
                        <!-- /.header__subtitle -->
                    </div>
                    <!-- /.header-text -->
                </div>
                <!-- /.header-img -->

закрыл сразу