@media screen and (max-width: 768px) {
    .header {
      flex-direction: column;
      text-align: center;
      width:100%;
    }
    .nav-button {
      width: 100%;
    }
    .Name{
        text-align: left;
    }
    .intro {
      flex-direction: column;
      align-items: center;
    }
    .ProfileImg {
      width: 80%;
      justify-items: center;
    }
    button.Hire{
        display: none;
    }
    .Qualifications{
      text-align: center;
      width:100%;
    }
    .Education{
      flex-direction: column;
      text-align: center;
    }
  }