начальная ширина 4 формы

Question

В мобильной версии форма выглядит хорошо:

но на ПК ширина формы слишком велика ...

Если я уменьшу ширину, как w-50, в мобильной версии форма выглядит плохо:

Вот мой код:

<div class="col">
   <div class="text-center" id="form">
      <form action="/contact" method="post">
         <div class="form-group">
            <input class="form-control" type="email" name="email" placeholder="Email" require>
            <input class="form-control" type="text" name="message" placeholder="Message" required>
            <input class="btn btn-outline-primary" type="submit" value="Send">
         </div>
      </form>
   </div>
</div>