@media screen and (max-width: 1080px) {
  .icon-container {
    display: none;
  }

  #profile>.header {
    display: none;
  }

  #main,
  #profile {
    padding: 28px 18px;
  }

  .content {
    justify-content: space-around;
  }
}

/*** phone screens ***/
@media screen and (max-width: 600px) {

  #main,
  #profile {
    padding: 28px 12px;
  }

  .header,
  .footer {
    line-height: 28px;
  }

  #bio-container {
    padding: 100px 0 100px;
    font-size: 26px;
    line-height: 30px;
  }

  .overlay {
    display: flex;
  }
}