.about-me__hero-container{
  padding-top: 120px;
}


.about-me__hero-content{
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: 1fr;
  column-gap: 20px;
  width: 100%;
}


.about-me__paragraphs {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 28px;
  grid-column: span 7;
}


.about-me__links{
  display: flex;
  flex-direction: column;
  gap: 32px;
  font-size: 24px;
  grid-column: 9 / span 4;
  
}






@media screen and (max-width: 767px) {

.about-me__hero-content{
  display: flex;
  flex-direction: column;
  gap: 64px;
}


}