.about{
  
  display: flex;
  flex-direction: column;
     gap: 3rem;
}
.about_row{
    
    display: flex;
    align-items: center;
  justify-content: space-between;
  gap: 5rem;
}
.about_img{
    max-width: 40rem;
}
p{
    max-width: 60rem;
    font-size: 2rem;
}

ul{
  display: flex;
  flex-direction: column;
  gap: 1rem;
  font-size:2.5rem;
}

@media only screen and (max-width: 800px) {
    
    .about_row{
        flex-direction:column;
        justify-content: center;
    }
       .about_row:nth-child(2) .about_img{
           order: 2;

   }
    h1,p{
        text-align: center;
    }
   
 
}