video {max-height:573px;}

#video {
    margin-bottom:10px;
}

#video #preview_image {
    overflow:hidden;
    min-height:200px;
    max-height:573px;
}

#video #preview_image img {
    width:100%;
}

#video header h1 {
    padding:5px;
    margin: 0;
}

#video header div {
    text-align:center;
    margin-top:10px;
}

@media only screen and (min-width: 1023px) AND (max-width: 1024px) {
    header h1 {font-size:25px}
}

@media only screen and (min-width: 361px) AND (max-width: 640px) {
    header h1 {font-size:18px}
}

@media only screen and (min-width: 601px) AND (max-width: 601px) {
    header h1 {font-size:25px}
}

@media only screen and (min-width: 600px) AND (max-width: 600px) {
    header h1 {font-size:25px}
}

@media only screen and (min-width: 615px) AND (max-width: 615px) {
    header h1 {font-size:16px}
}

@media only screen and (max-width: 369px) {
    header h1 {font-size:13px}
}
 
@media only screen and (max-width: 360px) {
    header h1 {font-size:13px}
}