/* page */



#sPointsAboutus {

display: flex;

justify-content: center;



}



.sList {

    display: flex;

    justify-content: center;

    align-items: center;

}



.sImg {



    img {

        width: 50%;

        display: block;

        margin: 0 auto;

        object-fit: cover;

}

    display: flex;

    justify-content: center;

    margin: 2rem;



}



#imgCanon {

    width: 80%;

}







#aAboutus > .container {

    margin: auto;

    justify-content: center;

/*

    #sPointsAboutus > ul > li {

        margin: 1rem 0;

    }

        */



    #sPointsAboutUs {

        margin: auto;

    }



}



#aCo {

    background-color: var(--graysection)

}



#aJak {

    background-color: var(--graysection)

}



.clr-m {

    color: var(--magenta);

}



#sBenefits {

    margin: 3rem 0;

    color: var(--cyan);

    text-align: center;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-around;



    .benefit {

        padding: 1rem 0;

    }



    .benefitIcon > span {

        font-size: 5rem;

    }



    .benefitTitle {

        font-weight: 700;

        font-size: 1.5rem;

    }



    .benefitSub {

        color: var(--lightgray);

        font-weight: 700;

    }

}



@media screen and (max-width: 768px) {

        .benefit {

        flex: 50%;

        }



        /* nav > div {

            display: none;

        } */



}



@media screen and (min-width: 768px) {



    

        .benefit {

        flex: 33.33%;

    }





        #aCo > .container > h2 {

        text-align: right;

    }



    #aJak > .container > h2 {

        text-align: right;

    }



}



@media screen and (min-width: 1200px) {



    .benefit {

        flex: 0%;

    }



}