/*=====================================================
  profile
=====================================================*/
.profile {
  width: 100%;
  margin: 0;
  padding: 0;
}
@media print, screen and (min-width: 768px) {
  .profile {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
.profile .profile__image {
  width: 230px;
  margin: 0 auto 30px auto;
  overflow: hidden;
}
@media print, screen and (min-width: 768px) {
  .profile .profile__image {
    width: 270px;
    margin: 0;
  }
}
.profile .profile__image img {
  border-radius: 10px;
}
.profile .profile__list {
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .profile .profile__list {
    width: calc(100% - 310px);
  }
}