/* Default to hide the video on all devices */
#video{display:none}

/* Default to display the image on all devices */
#videosubstitute{display:block;width:auto;height:100%;}

html, body {
    height: 100%;
    margin: 0;
}
#fullScreenDiv{
    
    
    width:100%;
    min-height: 121%; 
    
    height: 100vh;
    width: auto;
    padding:0!important;
    margin: 0!important;
    background-color: black;
    position: relative; 

    /* If anything goes wrong, take this out */
    overflow: hidden;
   
}


@media (min-aspect-ratio: 16/9) {
  #video{
    height: 150%;
    top: -100%;
  }
  #videosubstitute{
    display:block;
    width: 100%;
    height: auto;}
}

@media (max-aspect-ratio: 16/9) {
  #video {
    width: 100%;
    left: -100%;
  }
  #videosubstitute{display:block;width:auto;height:100%;}
}
/*if there is 992  pixels or more, then display the video but hide the image*/
@media only screen and (min-width : 992px) {
#video{display:block;}
#videosubstitute{display:none}
}   


.box_one{
    width: auto;
    height: 120px;
}

.black{
	background:black;
}


.white{
    color: white;
    position: center; top: 20; left: 0;
    display: flex;
    justify-content: center;
    
    padding-top: 34px;
}


/* If screen size is for mobile */
@media only screen and (max-width: 991px) {
    .button {
        text-align: center;

    }
}

/* If screen size is for Desktop */
@media only screen and (min-width: 991px) {
    .button {
        text-align: left ;

    }
  
}