html,body{
    margin:0;
    padding:0;
    width:100%;
    height:900px;
    overflow: auto;
    box-sizing: border-box;
  }
  
  #root{
    width:100%;
    height:100%;
    display:flex;
    /*justify-content: center;*/
    /*position:absolute;*/
    box-sizing: border-box;
    flex-direction:column;
  }

  .header{
    /*position:fixed;*/
    top:0;
    left:0;
    width:100%;
    color:white;
    height:64px;
    display:flex;
    padding:2px 18px;
    flex-direction:row;
    justify-content:space-between;
    background-color:rgb(25, 118, 210);
  }
  .left{
    width:200px;
    display: flex;
    align-items: center;
    font-size:16px;
    text-transform: uppercase;
  }
  .center{
    width:auto;
  }
  .right{
    width:200px;
  }
  .title{
    display:flex;
    flex-grow: 1;
    font-size:larger;
    text-align: center;      
  }
  .title2{
    font-size:24px;
    padding:28px 4px;
    text-align: center;      
  }
  .logo{
    /*position:absolute;*/
    width:40px;
    /*height:100px;*/
  }
  .content{
    width:100%;
    height:100%;
    display: flex;
    overflow:auto;
    font-weight:normal;
    align-items: center;
    flex-direction:column;
  }
  .teaser{
    width: 80%;
    padding: 48px 0px;
    text-align: center;
  }
  .image{
    width:60%;
    height:fit-content;
  }
  .text{
    width: 80%;
  }
  .video{
    width:100%;
    display:flex;
    min-height: 400px;
    align-items: end;
    justify-content:center;
  }
  video{
    object-fit: fill;
  }