#top_area {
    position:relative;
    background-color:#000;
    overflow:hidden;
    width:100%;
    height:100vh;
    min-height:750px;
    z-index:1;
    }
  
  #top_area .txt {
    position:absolute;
    width:100%;
    z-index:20;
    top:55%;
    left:50%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    }
  
  #top_area .txt .int {
    margin:0 auto;
    text-align:center;
    font-size:18px;
    color:rgba(255,255,255,0.8);
    width:100%;
    max-width:960px;
    }
  
  #top_area .txt .int h1 {
    font-size:18px;
    color:var(--color1);
    letter-spacing:0.2em;
    display:block;
    text-transform:uppercase;
    font-family:var(--font-family-3);
    }
  
  #top_area .txt .int h2 {
    font-size:85px;
    color:#FFF;
    line-height:1em;
    display:block;
    text-transform:uppercase;
    font-family:var(--font-family-2);
    font-weight:400;
    margin-top:15px;
    margin-bottom:15px;
    }
  
  #masthead-video {
    position:absolute;
    top:50%;
    left:50%;
    min-width:100%;
    min-height:120%;
    width:auto;
    height:auto;
    z-index:0;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background-size: cover;
    }