body{
  background: #fff;
  overflow-x: hidden;
}

body,html {
  height: 100%;
}

header{
  height:100%;
}

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


#preloader{
  background: #000 url(https://klamondesign.s3.amazonaws.com/loader.gif) no-repeat center;
  background-size: 25%;
  height: 100vh;
  width: 100%;
  position:fixed;
  z-index:3000;
}


  #x-nav a{
    color: #3b3b3b !important;
    font-weight: 500;
    font-size: 1.7rem;
    font-family: 'Special Elite', cursive;
    text-align: right;
    padding-right:25px;
    padding-top:15px;
  }



  #bgvid {
    object-fit: cover;
    width: 100vw;
    height: 100vh;
    object-position: center top;
    background-color: #fff !important;
  }

  #bgvid-1000 {
    object-fit: contain;
    width: 100vw;
    object-position: center center;


  }

  #bgvid-mobile {
    object-fit: contain;
    width: 100vw;
    object-position: center center;


  }

  #bgvid-cont{
    display:none;
    z-index:10;
  }

  #bgvid-cont-1000{
    display:none;
    z-index:10;
  }

  #bgvid-cont-mobile{
    /*display:block;*/
    z-index:10;
  }


  #x-poll{
    display:none;
    width:100% !important;
    background: blue !important;
    z-index:1;
  }


  #x-poll h1{
    font-family: 'Special Elite', cursive;
    text-align: center !important;
    font-size: 4vw;
    position: fixed;
    left: 50%;
    top: 40%;
    transform: translate(-50%, -40%);
    width: 80% !important;

  }


/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
/*@media (min-width: 768px) {
  #bgvid-cont-1000{
    display:none;
  }

}*/

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  #bgvid-cont{
    display:block;
  }

  /*#bgvid-cont-1000{
    display:none;
  }*/

  #bgvid-cont-mobile{
    display:none;
  }
}

@media (max-width: 992px) {
  #x-poll h1{
    font-size: 5vw;
    left: 50%;
    top: 35%;
    transform: translate(-50%, -35%);
  }

  #x-nav a{
    text-align: center;
    padding-right:0px;
    padding-top:15px;
  }
}

@media (max-width: 690px) {
  #x-poll h1{
    font-size: 5.5vw !important;
    left: 50%;
    top: 25%;
    transform: translate(-50%, -25%);
    width: 95%;
  }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1000px) {
  /*#bgvid-cont-1000{
    display:block;
  }*/

  #bgvid-cont{
    display:block;
  }

  #bgvid-cont-mobile{
    display:none;
  }
}


/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  body{
    background: #fff !important;
  }

  #bgvid-cont{
    display:block;
  }

  /*#bgvid-cont-1000{
    display:none;
  }*/

  #bgvid-cont-mobile{
    display:none;
  }

}