.about{
    padding: 110px 30px 30px 30px;
    background-color: #ddd;

    .about-cont{
        display: flex;
        justify-content: center;
        gap: 40px;
        padding: 30px;

        .images{
            width: 55%;
            img{
                width: 100%;
            }
        }

        .about-info{
            width: 45%;

            h3{
                margin-bottom: 5px;
                font-size: 17px;
                font-weight: 700;
            }
            h2{
                font-size: 36px;
                font-weight: 500;
                margin-bottom: 40px;
            }
            p{
                margin-bottom: 30px;
                font-size: 15px;
                line-height: 25px;
            }
        }
    }
}


@media (max-width: 1000px) {
    .about{
        .about-cont{
            flex-direction: column;
            .images{
                width: 100%;
            }
            .about-info{
                width: 100%;
            }
        }
    }
}

@media (max-width: 600px) {
    .about{
        padding: 110px 10px 10px 10px;
        .about-cont{
            padding: 10px;
            .about-info{
                h2{
                    font-size: 28px;
                }
            }
        }
    }
}