.profile-container {

box-sizing: border-box;
padding: 2rem 0 0;

@media screen and (max-width: 479px) {
  margin-left: 0;
  padding: 0;
  width: 90%;
}

}

.profile-page {

&__name {
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
}

&__icon {
  width: $size-profile-page-icon;
  height: $size-profile-page-icon;
  border-radius: $size-profile-page-icon / 2;
  box-shadow: 0.25rem 0.25rem 0.25rem $color-shadow;
  @media screen and (max-width: 479px) {
    width: $size-profile-page-icon * 0.85;
    height: $size-profile-page-icon * 0.85;
  }
}

}

.profile-info {

flex-direction: row;
justify-content: flex-start;
padding: 2rem 0 1.5rem;

@include container();

&__image {
  margin-right: 1.5rem;
}

&__text-link {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

}