html{width: 100vw;height: 100vh;max-width: 100%;font-size: 100%;}
*{font-family: 'Noto Sans', sans-serif;margin:0;padding:0;-webkit-appearance: none;appearance: none;}
*::-webkit-media-controls-panel {
  display: none!important;
 -webkit-appearance: none;
}

/* Old shadow dom for play button */

*::--webkit-media-controls-play-button {
  display: none!important;
  -webkit-appearance: none;
}

/* New shadow dom for play button */

/* This one works */

*::-webkit-media-controls-start-playback-button {
  display: none!important;
  -webkit-appearance: none;
}
body{position:relative;max-width: 100%;font-size: 100%;}
video{position:absolute;z-index:-1;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.container{/*! width:100vw; *//*! height:100vh; *//*! background-color:rgba(50,50,50,0.75); */position:relative;width: 100vw;height: 100vh;max-width: 100%;overflow: hidden;}
.content{width:25%;margin-left:37.5%;float:left;top: 50%;left: 0;transform: translateY(-50%);position: absolute;}
.logo{width:100%;}
.logo img{width:30%;margin-left:35%;}
.text{margin-top:5vh;height:30vh;color:white;font-size:3vh;text-align:center;position:relative;}
.text span{text-align:center;width:100%;top: 50%;left: 0;transform: translateY(-50%);position: absolute;display: block;}
.cta{width:100%;float:left;}
.cta a{width:100%; background-color:darkorange; color:white; font-weight:700; text-decoration:none; font-size: 3vh;text-align:center;float:left;padding:1.5vh 0 1.5vh 0;}
.rotate{border: 1vh solid darkorange;}
#time{width:100%;display:block;color:darkorange;font-size:2.2vh;text-align:center;font-weight:900;}
.botdiv {width:60%;margin-left:20%;}
@media screen and (min-width:2560px){video{}}
@media screen and (min-width:1500px){.botdiv {width:60%;margin-left:20%;}.content{width:25%;margin-left:0 0 0 37.5%;}video{}}
@media screen and (min-width:1200px) and (max-width:1500px){.botdiv {width:70%;margin-left:15%;}.content{width:50%;margin:0 0 0 25%}video{}}
@media screen and (min-width:800px) and (max-width:1200px){.botdiv {width:80%;margin-left:10%;}.content{width:70%; margin:0 0 0 15%}video{}}
@media screen and (min-width:450px) and (max-width:800px){.botdiv {width:90%;margin-left:5%;}.content{width:90%; margin:0 0 0 5%}video{}}
@media screen and (max-width:450px){.botdiv {width:95%;margin-left:2.5%;}.content{width:95%; margin:0 0 0 2.5%}video{}}