@media screen and (max-width: 500px) {
  .main {
    margin-top: 5px;
    width: auto;
    padding: 5px;
  }
  .main-nav {
    width: auto;
  }
  #header img {
    width: 50%;
  }
  .bulle-message,
  .bulle-whatsapp {
    right: 20px;
  }
  .field-l, .field-r {
    float: none;
    width: 100%;
  }
}