html, body, #body {
  height: 100%;
  margin:0px;
}

#video .novideo-bg {
    /*background-image: url("home-signup.jpg");*/
    opacity: .8;
}





.table-row.video > #video {
    /*text-align: center;
    vertical-align: middle;*/
}
.novideo-bg {
    display: none;
    background-position: center top;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    height: 400%\9;
    z-index: -1;
}

/*
.dark .video-video-still .novideo-bg {
    background-color: #333;
}
*/

.video .row-fluid {
    background: transparent;
}






video#media-video {

  /* position: fixed; 
  */
 right: 0; bottom: 0;
  min-width: 100%; min-height: 100%;
  width: auto; height: auto; z-index: -10000;
  background: url("https://m.anfi.com/imgs/back/beach-background.jpg") no-repeat;
  background-size: cover;

}







.moving-background {
  position: relative;
  overflow: hidden;
  z-index: 0;
  background-color: transparent;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}
.moving-background video {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: auto;
  z-index: -1;
  opacity: 0.8;

  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

#fixed-top {
  height: 100%;
  width: 100%;
  display: table;
  position: relative;
  top: 0;
  left: 0;
  z-index: 1;
}

#fixed-top > .table-row {
  display: table-row;
}
#fixed-top > .table-row > * {
  display: table-cell;
  vertical-align: bottom;
}
#fixed-top .filler {
  height: 100%;
}



/* ORIGINAL */


.navbar-default {
    background-color: #fff; 
  }
.logo {
  width: 29px;
  height: 36px;
  margin-top: -6px;
}

.moving-background-container {
  background: url("https://m.anfi.com/imgs/back/beach-background-992px3.jpg") no-repeat;
  background-size: cover;
  background-position: center bottom;
}

#fixed-top > .table-row.video > div {
  text-align: left;
  vertical-align: top;
  padding-top: 60px;
}

.table-row.video > #video {
  text-align: left;
  vertical-align: top;
  padding-top: 60px;
  padding-left: 0px;
}

#video h1 {color:#fff; font-size: 34px; }
#video h2 { color:#fff; font-size: 16px; }


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
    
}

.container-fluid {
    padding-right: 0px;
    padding-left: 0px;
  }

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {


  .moving-background-container {
    background: url("https://m.anfi.com/imgs/back/beach-background.jpg") no-repeat;
     background-size: cover;
  background-position: center bottom;
  }

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {



#fixed-top > .table-row.video > div {
    text-align: left;
    vertical-align: top;
    padding-top: 100px;
    /*padding-left: 130px;*/
}


.table-row.video > #video {
    text-align: left;
    vertical-align: top;
    padding-top: 100px;
     /*padding-left: 130px;*/

}

#video h1 {color:#fff; font-size: 50px; }
#video h2 { color:#fff; font-size: 16px; }

.moving-background-container {
  background-color: #000;

  background-image: none;

  
}



  .video .container { ; 
  /*width: 90%
margin-left: -100px;*/}





}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {



}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

    .video .container { /*width: 60%*/}

}