@media only screen and (max-width: 780px) {
  #contact .main {
    flex-direction: column;
    align-items: center;
  }

  #contactdetails {
    width: 80%;
    height: 200px;
  }
}