.about{
    max-width:1100px;
    margin:auto;
    padding:40px 20px;
}

/* SECTION TITLE */
    
.section-title{
    display:flex;
    align-items:center;
    gap:20px;
    margin-bottom:30px;
}
    
.section-title::before,
.section-title::after{
    content:"";
    flex:1;
    height:2px;
    background:#999;
}
    
.section-title__text{
    font-size:30px;
}
    

/* INTRO SECTION */
    
.about__intro{
    display:grid;
    grid-template-columns:200px 1fr;
    gap:40px;
    margin-bottom:40px;
}
    
.about__image img{
    width:100%;
    display:block;
    transition:transform .4s ease;
}

.about__image:hover img{
    transform:scale(1.05);
}
    
.about__text{
    border:2px solid #5fb7d9;
    padding:30px;
    background:white;
}
    
/* STORY */
    
.about__story{
    border:2px solid #5fb7d9;
    padding:25px;
    background:white;
}
    
@media (max-width: 900px) {

    /* INTRO SECTION */
    .about__intro {
      grid-template-columns: 1fr; 
      gap: 20px;
      text-align: center;           
    }
  
    .about__image img {
      max-width: 250px;             
      margin: 0 auto;               
    }
  
    .about__text {
      padding: 20px;
    }
  
    /* SECTION TITLE */
    .section-title {
      gap: 10px;
      margin-bottom: 20px;
    }
  
    .section-title__text {
      font-size: 24px;
    }
  
    /* STORY */
    .about__story {
      padding: 20px;
    }
}