body{
    margin: 0px;
    padding: 0px;
    

   
}

.section1{

    display: flex;
    position: relative;
    height: 100vh;
    width: 100vw;
    align-items: center;
    justify-content: center;
    
  
}

.vidbox{

    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px;
    position: absolute;
    z-index: 0;
    opacity: 1;
    transition: 20ms;
}

.vidbox:hover{

    opacity: 0;
    transition: 20ms;
}
.vidbox2{

    width: 90%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px;
    position: absolute;
    z-index: -6;
}


video { 
    
    height: 95vh;

}

.Text{
    display: block;
    width: 100vw;
    position: absolute;
    z-index: 4;
   filter: saturation(-100%);
   color: black;
   transition: 30ms;
   opacity: 1;
    }

.Text:hover{

   opacity: 0;
    transition: 10ms;
}

.textbox{

    position: relative;
}


h3{

    font-size: 4em
}



.tbox1{ 
   
   font-size: 140px;
   position: fixed;
   bottom: 630px;
   right: 0px; 
    

}

.tbox2{
   
    font-size: 50px;
    position: fixed;
    bottom: 500px;
    left: 10px;
    
     

    
}

.tbox3{

    font-size: 200px;
    position: absolute;
    bottom: -180px;
    right: 20px;
    
     }


.tbox4{

    font-size: 90px;
    position: absolute;
    bottom: -370px;
    right: 60px;
     


}

/* Mobile Vertical and Smaller */
@media screen and (max-width: 375px ) { 

    body {
        background-color: blue;
    }

    video { 
    height: 60vh; }

    .tbox1{ 
   
        font-size: 100px;
        position: fixed;
        bottom: 690px;
        right: 0px; 
         
     
     }
     
     .tbox2{
        
         font-size: 50px;
         position: fixed;
         bottom: 600px;
         left: 10px;
         
          
     
         
     }
     
     .tbox3{
     
         font-size: 200px;
         position: absolute;
         bottom: -330px;
         right: 20px;
         
          }
     
     
     .tbox4{
     
         font-size: 55px;
         position: absolute;
         bottom: -390px;
         right: 7px;
          
     
     
     }
     




}

/* Landscape */
@media only screen and (orientation:landscape) {

    

    video { 
    height: 95vh;}

    .tbox1{ 
   
        font-size: 140px;
        position: fixed;
        bottom: 630px;
        right: 20px; 
         
     
     }
     
     .tbox2{
        
         font-size: 75px;
         position: fixed;
         bottom: 500px;
         left: 20px;
         
          }
     
     .tbox3{
     
         font-size: 200px;
         position: absolute;
         bottom: -180px;
         right: 20px;
         
          }
     
     
     .tbox4{
     
         font-size: 90px;
         position: absolute;
         bottom: -370px;
         right: 290px;
          
     
     
     }
     


}


@media screen and (min-width: 585px ) {


video { 
    
    height: 90vh;

}


}