html {
    background-image: url("img/bg.png");
}

#content {
    flex-direction: column;
    align-items: center;
    display: flex;
    height: 100vh;
}

#header {
    display: block;
    width: 70%;
    max-width: 900px;
}

#container {
    display: block;
    margin: 0 auto;
    width: 80%;
    z-index: initial;
    position: relative;
}

#tvDiv {
    background: url('img/tv.png');
    background-size: cover;
    width: 70vw;
    height: 50vw;
    display: block;
    margin: 0 auto;
}

#tvDiv .fluid-width-video-wrapper {
    background: #000;
    z-index: -1;
    width:70%;
    height:5%;
    left: 5vw;
    top: 5.5vw;
    position: relative;
}

#playpause {
    position: absolute;
    top: 6vw;
    left: 10vw;
    width: 60%;
    height: 70%;
}

#previous {
    position: absolute;
    top: 34vw;
    left: 63vw;
    height: 7%;
    width: 2.5%;
}

#next {
    position: absolute;
    top: 34vw;
    left: 65vw;
    height: 7%;
    width: 2.5%;
}

#mute {
    position: absolute;
    top: 34vw;
    left: 67vw;
    height: 7%;
    width: 2.5%;
}

#fs {
    position: absolute;
    top: 34vw;
    left: 69vw;
    height: 7%;
    width: 2.5%;
}

button {
    opacity: 0;
    cursor: pointer;
}

#footer {
    display: table;
    margin: 0 auto;
}

.image {
    width:100px;
}