body { margin:0; font-family: 'Rubik', sans-serif; font-weight: 600; font-size: 24px; color: white; position: relative; height: 100vh; overflow: hidden;}

video { position: absolute; top:0;}

.logo,.tbc { display: inline-block; position: absolute; z-index: 1;}

.logo { top:40px; left:50%; transform: translateX(-50%);}

.tbc { top:50%; left:50%; transform: translate(-50%, -50%); font-size: 72px; text-align: center;}

footer { position: fixed; width: 100%; bottom: 0; font-weight: 400; background: rgb(255,255,255); background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%);}
/*footer { height: 100px; position: fixed; width: 100%; bottom: 0; font-weight: 400; background: rgb(255,255,255); background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%);}*/

footer span { color: #363636; font-size: 12px; font-family: 'Roboto', sans-serif; line-height: 16px; opacity: .7; display: inline-block; padding: 20px 40px;}
/*footer span { color: #363636; font-size: 12px; font-family: 'Roboto', sans-serif; line-height: 16px; opacity: .7; display: inline-block; width: 50%; position: absolute; left: 40px; top: 50%; transform: translateY(-50%);}*/

@media screen and (max-width:1000px) {
    .tbc { font-size: 50px;}
}

@media (min-aspect-ratio: 16/9) {
    video {
        width: 100%;
        height: auto;
    }
}

@media (max-aspect-ratio: 16/9) {
    video {
        width: auto;
        height: 100%;
        left: 50%;
        transform: translateX(-50%);
    }
}