.video {
    background: white;
    overflow: auto;
    padding-bottom: 5%;
}
.video p {
    padding: 2% 10%;
    font-size: larger;
    text-align: center;
    margin: 0 0 5% 0;
}
.video h1 {
    width: 80%;
    margin: 10% auto 5%;
    font-weight: bolder;
    font-size: 3em;
    color: black;
}
.video .video {
    width: 320px;
    margin-left: auto;
    margin-right: auto;
}

.video iframe {
    width: 320px;
    height: 180px;
}


@media only screen and (min-width: 480px) {
    .video .video {
        width: 480px;
    }
    .video iframe {
        width: 480px;
        height: 270px;
    }
}

@media only screen and (min-width: 640px) {
    .video .video {
        width: 640px;
    }
    .video iframe {
        width: 640px;
        height: 360px;
    }
}

@media only screen and (min-width: 960px) {
    .video .video {
        width: 960px;
    }
    .video iframe {
        width: 960px;
        height: 540px;
    }
    .video h1 {
        width: 80%;
        margin: 10% auto 0%;
    }
    .video p {
        padding: 2% 30%;
    }
}

/*
@media only screen and (min-width: 1440px) {
    .video .video {
        width: 1440px;
    }
    .video iframe {
        width: 1440px;
        height: 1080px;
    }
}

@media only screen and (min-width: 1920px) {
    .video .video {
        width: 1920px;
    }
    .video iframe {
        width: 1920px;
        height: 1080px;
    }
}
*/