@media (max-width: 599px) {
  .wrapper {
    width: 100%;
  }
}

@media (min-width: 600px) {
  .wrapper {
    width: 100%;
    display: flex;
  }
  .sidebar {
    width: 40%;
  }
  .my-foto {
    width: 100%;
    height: 70%;
  }
}

@media (min-width: 1170px) {
  .wrapper {
    width: 1170px;
  }
  .sidebar {
    width: 40%;
  }
  .about-me-container {
    padding-top: 40px;
    padding-left: 60px;
  }
  .profession {
    text-align: left;
    padding: 20px;
    margin-bottom: 10px;
  }
  .name {
    text-align: left;
    padding: 20px;
    margin-bottom: 10px;
  }
}