.AboutApp,
.Screenshot,
.Download
{
    display         : flex;
    flex-direction  : row;
    justify-content : space-between;
    margin-top      : 10rem;
}

.AboutApp img
{
    width      : 45rem;
    height     : 45rem;
    margin-top : -4rem;
}

.AboutTextDiv,
.ScreenshotTextDiv
{
    display        : flex;
    flex-direction : column;
    width          : 40rem;
    margin-left    : 5rem;
}

.AboutTextDiv h2,
.ScreenshotTextDiv h2,
.HowItWorksDiv h2,
.DownloadTextDiv h2,
.ContactUsDiv h2
{
    font-size : 2.5rem;
    color     : #2C3181;
}

.AboutTextDiv h1,
.ScreenshotTextDiv h1,
.HowItWorksDiv h1,
.DownloadTextDiv h1,
.ContactUsDiv h1
{
    margin-top  : -1rem;
    font-family : 'Poppins', cursive;
    font-size   : 50px;
    font-weight : 700;
    line-height : 80px;
    color       : #343434;
}

.AboutTextDiv p,
.ScreenshotTextDiv p,
.DownloadTextDiv p
{
    margin-top  : -1rem;
    font-size   : 1.2rem;
    line-height : 1.7rem;
    color       : #B1B1B1;
}

.siteNumbers
{
    display         : flex;
    flex-direction  : row;
    justify-content : space-evenly;
    margin-top      : 1rem;
}

.siteNumbers div
{
    margin-right : 5rem;
}

.siteNumbers h1
{
    margin-bottom : 0.1rem;
    font-family   : 'Poppins', sans-serif;
    font-size     : 50px;
    color         : black;
}

.siteNumbers label
{
    font-family : 'Comfortaa', sans-serif;
    font-weight : 600;
    color       : #2C3181;
}

.section02ReadMore,
.section04ReadMore
{
    width            : 14rem;
    height           : 3.2rem;
    margin-top       : 4rem;
    padding          : 0.4rem 1.5rem;
    transition       : all 0.5s ease;
    font-size        : 1.5rem;
    color            : white;
    border           : 1px solid #2C3181;
    border-radius    : 2rem;
    background-color : #2C3181;
}

.section02ReadMore:hover,
.section04ReadMore:hover
{
    cursor     : pointer;
    transform  : scale(1.05);
    box-shadow : 0px 0px 5px 2px rgba(0, 0, 0, 0.3);
}

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

    .AboutApp img
    {
        width      : 30rem;
        height     : 32rem;
        margin-top : 0.1rem;
    }
}

@media screen and (max-width : 952px)
{
    .AboutApp,
    .Screenshot
    {
        align-items    : center;
        flex-direction : column;
    }

    .AboutTextDiv,
    .ScreenshotTextDiv
    {
        margin-left : -8rem;
    }

    .AboutApp img
    {
        width        : 40rem;
        height       : 40rem;
        margin-top   : 0.1rem;
        margin-right : -15rem;
    }
}

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

    .AboutTextDiv,
    .ScreenshotTextDiv
    {
        align-items : flex-start;
        margin-left : 0;
    }

    .AboutApp img,
    .sidePic
    {
        width        : 40rem;
        height       : 40rem;
        margin-top   : 2rem;
        margin-right : 0;
    }
}

@media (max-width : 650px)
{
    .AboutApp img
    {
        width  : 28rem;
        height : 29rem;
    }

    .AboutTextDiv,
    .ScreenshotTextDiv,
    .DownloadTextDiv
    {
        width       : 23rem;
        margin-left : 3rem;
    }
}

@media (max-width : 500px)
{

    .AboutTextDiv h2,
    .ContactUsDiv h2
    {
        font-size : 2rem;
    }

    .AboutTextDiv h1
    {
        font-size : 2.8rem;
    }

    .siteNumbers h1
    {
        font-size : 2.2rem;
    }

    .section02ReadMore
    {
        font-size : 1.3rem;
    }
}