.videos  {
    /* height: 500px; */
    /* margin-bottom: 20px; */
}

.videos__area {
    /* background-color: blue; */
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-top: 1vw;
}

.videos__area-content {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-content:space-between;
    flex-wrap: nowrap;
    width: 33%;
    /* height: 240px; */
    height: 420px;
    /* border: solid 1px red; */
    gap: 2px;
}

.videos__titulo {
    /* card-title text-center text-uppercase font-roboto */
    padding: 15px;
    width: 100%;
    /* margin: 10px auto; */
    background-color: cadetblue;
}

.videos__vdo {
    width: 100%;
}

/* ----------------------------------------- */
/* -----        Meia Queroes           ----- */
/* ----------------------------------------- */

@media (max-width:800px){
    .videos__area {
        /* background-color: lightblue; */
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        justify-items: center;
        align-items: center;
        align-content: space-around;
        margin-top: 2vw;
        /* width: 50%; */

    }

    .videos__area-content {
        display: flex;
        flex-direction: column;
        align-content:space-between;
        flex-wrap: nowrap;
        width: 50%;
        /* height: 240px; */
        height: 420px;
        /* height: 50%; */
        /* border: solid 1px red; */
        gap: 2px;
    }

    .videos__titulo {
        /* card-title text-center text-uppercase font-roboto */
        padding: 10px;
        margin: 1px;
        background-color: cadetblue;
        width: 98%;
        margin: auto;
    }
    .videos__vdo {
        /* border: solid 1px red; */
        width: 100%;
    }

}



/* ----------------------------------------- */
/* -----        Meia Queroes           ----- */
/* ----------------------------------------- */

@media (max-width:570px){
    .videos__area {
        /* background-color: blue; */
        display: flex;
        flex-direction: column;
        /* flex-wrap: nowrap; */
        /* justify-content: space-around; */
        /* margin-top: -7vw; */
        margin-top: 10vw;
        /* padding-top: 20px; */

    }

    .videos__area-content {
        display: flex;
        flex-direction: column;
        /* justify-content: space-around; */
        /* align-content:space-between; */
        /* flex-wrap: nowrap; */
        /* margin: 30px auto ;     */
        width: 90%;
        /* height: 240px; */
        height: 420px;
        /* border: solid 1px red; */
        /* gap: 2px; */
    }

    .videos__titulo {
        /* card-title text-center text-uppercase font-roboto */
        padding: 10px;
        /* margin: 50px; */
        background-color: cadetblue;
        width: 100%;
    }

}