EVOLUTION-NINJA
Edit File: aboutusstyle.css
/* <!-- overview block-------------- --> */ .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; } /* <!-- overview block end-------------- --> */ .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) { /* <!-- overview block-------------- --> */ .overviewblock { border: 1px solid; height: auto; padding: 37px 12px; } .overviewdetails { font-size: 36px; } .overviewpara { font-size: 12px; } /* <!-- overview block-------------- --> */ /* mission block */ .misimage { width: 100%; } .missiondetails { width: 93% } .bl1 { margin-left: 0px; } /* mission block end */ }