@media screen and (max-width: 1920px) and (min-width: 1367px){
    nav#navigation {
   
    left: 40% !important;
  
}
    .titleOT {
   
    max-width: 900px !important;
  
}
    .introduction-1 h1 {
        font-size: 46px !important;
    }
}
@media only screen and (max-width: 768px) {
    nav#navigation{
      left: 0 !important;
      top: 45% !important;;
      width: 100% !important;
    }
    .background-video{
      width: 100%;
      height: 100%;
    }
    .titleOT{
      padding: 0 45px !important;
    }
    .introduction-1 h1{
      font-size: 24px !important;
    }
    .menu-navigation-section{
      width: 100% !important;
    }
    .navbar-light .navbar-toggler{
      display: none;
    }
    .navbar .container{
      display: flow-root;
    }
    a.navbar-brand{
      margin-top: 0px;
    }
    .background-video{
      position: absolute;
        top: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }
    .background-video video{
      min-width: 100%;
        min-height: 100%;
        width: auto;
        height: auto;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
    }
  }