@media (max-width: 865px){
    .about-story-container-text-title{
        font-size: 2rem;
    }
    .about-story-container-text-sub-title{
        font-size: 1.5rem;
    }

    .about-story-container-text-p{
        font-size: 1rem;
        line-height: 1.5rem;
    }

    .about-story-container-video{
        width: 640px;
        height: 360px;
    }

    .about-story-container-video iframe{
        width: 100%;
        height: 100%;
    }

    .about-startup{
        padding: 0px 14px;
        margin: 64px 0px;
    }

    .about-startup-content-text-sub-title{
        font-size: 1.5rem;
    }

    .about-startup-image{
        width: 300px;
    }

    .about-startup-content-text-title{
        font-size: 2.5rem;
    }

    .about-startup-content-text-p{
        font-size: 1rem;
        line-height: 1.5rem;
    }

    .about-startup-container{
        flex-wrap: wrap;
        padding: 0px 24px;
        margin-bottom: 0px;
        justify-content: center;
        align-items: center;
    }


    .about-joyce-content{
        flex-direction: column;
    }

    .about-joyce-sub-title{
        font-size: 1.5rem;
    }

    .about-joyce-title{
        font-size: 2rem;
    }

    .about-joyce-text-p{
        font-size: 1rem;
        line-height: 1.5rem;
    }

    .about-joyce-image{
        font-size: 1.5rem;
        margin-left: 0px;
        margin-top: 48px;
    }

    .about-joyce-image .joyce-profile-pic{
        max-width: 240px;
    }

    .about-team-container{
        flex-wrap: wrap;
        width: 100%;
    }
    .about-team-sub-title{
        font-size: 1.5rem;
    }

    .about-team-title{
        font-size: 2rem;
    }

    .about-team-p{
        font-size: 1rem;
        line-height: 1.5rem;
    }

    .about-team-images{
        width: 100%;
        justify-content: center;
        margin-top: 24px;
        margin-left: 0px;
    }

    .about-team-geisse-sub-title,
    .about-team-jamilson-sub-title{
        font-size: 1.125rem;
}

.about-team-images{
    flex: 1;
}




}


@media(max-width: 638px){
    .about-story-container-video{
        width: 426px;
        height: 240px;
    }
}

@media (max-width: 480px){

.about-story-container-video{
    transform: scale(0.8);
    padding: 0px;
}

.about-startup-content-text-p{
    width: 100%;
}

.about-startup{
    margin: 0px;
    margin-top: 64px;
}

.about-startup-container{
    padding: 0px 12px;
    margin-bottom: 0px;
}

.about-startup-image{
    width: 100%;
    max-width: 240px;
    margin-bottom: 100px;
}

}