html,
body {
  height: 80%;
  text-align: center;
}



#box {
    height: 100%;
    color: white;
    display: flex;
    align-items: center;
    font-family: 'Courgette', cursive;
}

#box .header-right {
    background-color: rgba(0, 0, 0, 0.5);
    padding: 20px;
    border-radius: 30px;
}




video { 
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
  background: url('img/osz2hatter.jpg') no-repeat;
  background-size: cover;
  -webkit-transition: 1s opacity;
  transition: 1s opacity;
}
.stopfade { 
   opacity: .5;
}