body {
    margin: 0;
    font-family: 'Roboto', sans-serif;
    background-image: url('../pictures/background.jpg');    
    background-repeat: no-repeat; 
    background-size: cover; 
    background-attachment: fixed;
}

@media screen and (max-device-width: 2000px) {
    body {
        background-size: auto !important; 
    }
}

video {
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform:  translate(-50%, -50%);
    -webkit-transform:  translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
}

.back-button, .stop, .replay {
    display: none;
}

#stop_button, #replay_button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80px;
    height: 80px;
}

.back-button {
    position: absolute;
    bottom:30px;
    left:50%;
    transform: translateX(-50%);
    font-size: 21px;
    color:#004A9A;
    text-decoration: none;
}

.back-button img {
    margin-right:20px;
}

.play, .replay .stop {
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
}