body {
  background-color:#000;
}

article {
  width: 470px;
  height: 2380px;
  top: 1250px;
}

.img-bio {display:block;
  margin-left:auto;
  margin-right:auto;
  margin-top:8px;
  margin-bottom:8px;}

  
  @media only screen and (max-width: 500px) {
    .img-bio {max-width:240px;}
  }


  @media only screen and (max-width: 800px) {
  .social {
    position: absolute;
    width: 100%;
    bottom:-2700px;}
  }

   
@media only screen and (max-width: 700px) {
  .social {  bottom: -2658px;}
} 
  
@media only screen and (max-width: 600px) {
  .social {  bottom: -2558px;}
}

  
@media only screen and (max-width: 500px) {
  .social {  bottom: -2810px;}
}
  
@media only screen and (max-width: 500px) {
  article {top: 1400px !important; width:305px; height:auto !important;}
  .social__link{font-size:3rem;}
  }