/* `xxxl` applies to x-large devices (large desktops, less than 1400px) */
    @media (max-width: 1579.98px) {
        .about img {
            width: 40%;
            margin:3rem 2rem auto;
        }
    }

    /* `xxl` applies to x-large devices (large desktops, less than 1400px) */
    @media (max-width: 1399.98px) {
    }
    /* `xl` applies to large devices (desktops, less than 1200px) */
    @media (max-width: 1199.98px) {
        .about img {
            width: 40%;
            margin:3rem 1rem auto;
        }

    }
    @media(min-width: 1024.98px) and (max-width: 1199.98px) {

    }
    /* `lg` applies to medium devices (tablets, less than 992px) */
    @media (max-width: 1024.98px) {
        .about p {
            line-height: 1.5;
        }
        .about img {
            width: 50%;
            margin:0rem auto;
        }
        .about .container {
            width: 100%;
            max-width: none;
        }

    }





    /* `md` applies to small devices (landscape phones, less than 768px) */
    @media (max-width: 768.98px) {


        .about img {
            filter: grayscale(1);
            width: 60%;
        	height: auto;
            float: none;
            margin: auto;
            position: relative;
            left: 50%;
            transform: translateX(-50%);
        }
        .about .container {
            width: 100%;
            max-width: 90%;
        }
        .mobile_show {
            display: block;
        }
        .about h1 {
            text-align: center;
        }
        .about h3 {
            text-align: center;
            padding-left: 0;
        }


    }
    /* `sm` applies to x-small devices (portrait phones, less than 576px) */
    @media (max-width: 575.98px) {
        .about {
            padding-left: 0.5rem;
            padding-right: 0.5rem;
        }
        .about img {
            filter: grayscale(1);
            width: 100%;
        	height: auto;
            float: none;

        }
        .about .about_box {
            padding-left: 0;
            padding-right: 0;
        }
        .about h1 {
            text-align: center;
        }
        .about h3 {
            text-align: center;
            padding-left: 0;
        }
    }