* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Quicksand', sans-serif;
}

.header {
    background: url('../img/banner-videos.jpg') no-repeat center calc(50% - 270px);
    background-size: cover;
}

.general-content{
    width: 100%;
    /* arriba, lados */
    padding: 10px 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.align-video{
    display: flex;
    flex-basis: 20%;
    flex-direction: column;
    text-align: center;
}

.video{
    margin-top: 30px;
    height: 400px;
    min-width: 100%;
    max-width: 447px;
}

.video-title{
    font-size: 24px;
    font-weight: bold;
    margin-top: 10px;
    color: #76225e;
}




/* Small devices such as large phones (640px and up) */
@media only screen and (max-width: 640px) {
    .header {
        background: url('../img/banner-videos.jpg') ;
        background-size: cover;
    }

    .align-video{
        flex-basis: 100%;
    }

    
}

/* Medium devices such as tablets (768px and up) */
@media only screen and (max-width: 768px) {

    
    .align-video{
        flex-basis: 100%;
    }
}

/* Large devices such as laptops (1024px and up) */
@media only screen and (min-width: 1024px) {
    .align-video{
        flex-basis: 30%;
    }
}

/* Largest devices such as desktops (1280px and up) */
@media only screen and (min-width: 1280px) {}