@media(max-width:900px){
  .container{
    width:min(92%, 720px);
  }

  .about-hero{
    min-height:auto;
    padding:80px 0 120px;
  }

  .about-grid{
    grid-template-columns:1fr;
    gap:56px;
  }

  .about-image-wrap,
  .about-image{
    width:210px;
    height:210px;
  }

  .about-content h1{
    font-size:56px;
    margin-bottom:36px;
  }
}

@media(max-width:600px){

  .about-content h1{
    font-size:44px;
  }

  .about-content p{
    font-size:16px;
  }

  .footer-bottom-row{
    grid-template-columns:1fr;
    gap:44px;
  }
}