html,
body{
   width: 100%;
   height: 100%;
   overflow: hidden;
   margin: 0;
  background-color: #7BC8E9; /*rgba(122, 198, 232, 1); */
}

.container {
        /* width: 400px; */
        /* height: 500px; */
        /* background-color: blue; */
        position: absolute; /*Can also be `fixed`*/
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        /*Solves a problem in which the content is being cut when the div is smaller than its' wrapper:*/
        max-width: 100%;
        max-height: 100%;
        overflow: auto;
}

.preloader {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 20%;
}

.subtitle {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  background-color: #102A44;
  color: white;
  padding: 1%;
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 3vh;
}

.top-sub {
  /* height: 13vh; */
}

.bottom-sub {
  height: 9vh;
}

video {
  display: block;
  margin: auto;
  height: 71vh;
}