

.about-section{
    padding:120px 0;
    background: var(--light-pink-color);
}

.about-section .about-details{
    max-width: 50%;
}

.about-section .section-content{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.about-section .about-image-wrapper .about-image{
    width:400px;
    height:400px;
    object-fit: cover;
    gap:50px;
}

.about-section .about-details .section-title{
    padding:0;

}

.about-section .about-details .text{
    line-height:30px ;
    margin:50px 0 30px;
    text-align: center;
    font-size:18px;
}

.about-section .social-link-list{
    display: flex;
    gap:25px;
    justify-content: center;
}

.about-section .social-link-list .social-link{
    color:#3b141c;
    font-size: 29px;
}

/* Create three equal columns that floats next to each other */
.column {
  float: left;
  width: 33.33%;
  padding: 10px;
  height: 180px; /* Should be removed. Only for demonstration */
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

h2{
    text-align: center;
}

.menu-section{
    background-color: #252525;
    color:white;
}


@media screen and (max-width:600px){
    .about-section .section-content{
        flex-direction: column-reverse;
        gap:70px;
    }

    .about-section .about-image-wrapper .about-image{
        width:100%;
        height: 100%;
        max-width: 250px;
        aspect-ratio: 1;
    }

     .column {
    width: 100%;
    display: block;
    margin-bottom: 20px;
  }
}