@import '../../../../style/variables.scss';

.about-us-section{
    @media only screen and (max-width: 1199px) {
        padding: 0;
    }
    .title{
        color: $tertiary;
    }
    .content-wrapper{
        padding: 20px;
        background: $LightCream;
        text-align: center;
        @media only screen and (min-width: 640px) {
            padding: 30px;
            text-align: start;
        }
        @media only screen and (min-width: 1200px) {
            padding: 30px 20px 40px 370px;
            min-height: 480px;
        }
        @media only screen and (min-width: 1440px) {
            padding: 60px 20px 60px 440px;
            min-height: 620px;
        }
        @media only screen and (min-width: 1600px) {
            padding: 80px 100px 100px 500px;
            // min-height: 740px;
        }
        .ck-data{
            margin-bottom: 14px;
            &:last-child{
                margin: 0;
            }
            @media only screen and (min-width: 1024px) {
                margin-bottom: 20px;
            }
            
        }
    }
    .image-wrapper{
        @media only screen and (min-width: 1200px) {
            top: -80px;
            left: 0;
        }
        img{
            width: 100%;
            height: 100%;
            object-fit: cover;
            max-height: 300px;
            @media only screen and (min-width: 640px){
                max-height: 600px;
            }
            @media only screen and (min-width: 1200px){
                max-height: inherit;
                height: 500px;
            }
            @media only screen and (min-width: 1440px){
                height: 610px;
            }
            @media only screen and (min-width: 1600px){
                // height: 740px;
            }
        }
    }
}