* {
    margin: 0%;
    padding: 0%;
}
#video-player-local {
    display: none;
    width: 100%;
    max-width: 600px;
}
#video-player-youtube {
    display: none;
    width: 100%;
    height: 200px;
}
.thumbnail {
    width: 100%;
    height: 20%;
    cursor: pointer;
}
h2{
    color: white;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}
button {
    display: none;
    width: 35%;
    height: 4.5%;
    color: azure;
    background: linear-gradient(to right, rgb(1, 4, 50), rgb(40, 0, 77));
    border-radius: 15px;
    position: absolute;
    top: 0%;
    right: 3%;
    cursor: pointer;
}
button:hover {
    box-shadow: 0 1px 15px white;
}
h1 {
    color: azure;
    font-size: 10px;
}
.videoConte {
    margin: 0%;
}
@media (min-width: 501px) {
    .thumbnail {
        width: 100%;
        height: 20%;
        cursor: pointer;
        border-radius: 25px 5px 25px 5px;
    }
    .videoConte {
        width: 75%;
        margin: 0% 0% 0% 12%;
    }
    #video-player-local {
        display: none;
        width: 100%;
        max-width: 800px;
    }
}
@media (min-width: 1077px) {
    .videoConteU {
        width: 100%;
        margin: 0% 0% 0% 20%;
    }
}