#social-media-icons {
    align-items: center;
    text-align: left;
    color: white; 
    text-decoration: none;
}

#social-media-icon {
    align-items: center;
    text-align: left;
    color: #1e3050; 
    text-decoration: none;
    margin-left: 5px;
}

#main-div {
    width: 100%;
    flex-direction: row;
    max-width: 600px;
}

.column {
    flex-direction: column;
}

#main-text {
    display: flex;
    flex-direction: column; 
    text-align: left;
}

@media screen and (max-width: 600px) {
  .item-group {
    flex-direction: column-reverse;
  }

  #main-div {
    flex-direction: column;
  }

  #main-text {
    text-align: center;
    margin-top: 25px;
  }

  #social-media-icons {
    text-align: center;
  }

  #avatar {
    margin-right: 0px;
  }
}