EVOLUTION-NINJA

Edit File: aboutusstyle.css

/*   */

.overviewdetails {
        font-size: 55px;
        font-weight: 700;
        color: #fff;
        font-family: "Barlow", sans-serif;

}

.overviewpara {
        font-size: 17px;
        font-weight: 500;
        color: #fff;
        font-family: "Barlow", sans-serif;
    }

/*   */

.missiondetails {
        width: 83%;
        margin: auto;
    }

.missionimage {
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

.misheading {
        font-size: 28px;
        font-weight: 700;
        color: #001740;
        font-family: "Barlow", sans-serif;
        margin: 0;
    }

.mismainpara {
        background-color: #E7F1FF;
        border-radius: 6px;
        padding: 13px 8px;
        font-size: 16px;
        font-weight: 400;
        color: #2B2B2B;
        font-family: "Barlow", sans-serif;
    }

.miscontents {
        margin-top: 20px;
    }

.bl1 {
        margin-left: 46px;
    }

/* finished projects desktop end---------  */
    /* @media (min-width:1001px) and (max-width:1356px) {}
    @media (min-width:629px) and (max-width:1000px) {}
    @media only screen and (max-width:628px) {} */
    @media (min-width:1001px) and (max-width:1356px) {
        .missiondetails {
            width: 95%;
        }

.misimage {
            width: 100%;
        }
    }

@media (min-width:629px) and (max-width:1000px) {

/* mission block  */
        .misimage {
            width: 100%;
        }

.missiondetails {
            width: 93%
        }

.bl1 {
            margin-left: 0px;
        }

/* mission block end */
       
    }

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

/*   */
        .overviewblock {
            border: 1px solid;
            height: auto;
            padding: 37px 12px;
        }

.overviewdetails {
            font-size: 36px;
        }

.overviewpara {
            font-size: 12px;
        }

/*   */

/* mission block  */
        .misimage {
            width: 100%;
        }

.missiondetails {
            width: 93%
        }

.bl1 {
            margin-left: 0px;
        }

/* mission block end */

}