@media only screen and (max-width: 500px) {

  .main {
    margin-top: 1rem;
    width: inherit;
    text-align: center;
  }

  .text {
    height: auto;
  }

  .picture {
    float: none;
  }

  .portrait {
    float: none;
    max-height: 15rem;
    margin: auto;
    border-radius: 7.5rem;
    overflow: hidden;
  }

  .text {
    text-align: center;
  }

  .resume {
    margin-top: 4rem;
  }
}