html {
  width:100%;
  height: 100%;
}
body {
  width: 100%;
  height: 100%;
}
#backgroundvid {
  position: fixed;
   top: 50%;
   left: 50%;
   min-width: 100%;
   min-height: 100%;
   width: auto;
   height: auto;
   z-index: -50;
   -ms-transform: translateX(-50%) translateY(-50%);
   -moz-transform: translateX(-50%) translateY(-50%);
   -webkit-transform: translateX(-50%) translateY(-50%);
   transform: translateX(-50%) translateY(-50%);
  background: url(images/yucca.jpg) no-repeat;

}

video {
  display: block;
  object-fit: cover;
}
#guacaw {
  position: fixed;
   top: 50%;
   left: 50%;
   min-width: 100%;
   min-height: 100%;
   width: auto;
   height: auto;
   z-index: -100;
   -ms-transform: translateX(-50%) translateY(-50%);
   -moz-transform: translateX(-50%) translateY(-50%);
   -webkit-transform: translateX(-50%) translateY(-50%);
   transform: translateX(-50%) translateY(-50%);
  background: url(images/bee-sculpture-john-knox.jpg) no-repeat;
 background-size: contain;
    background-position: center;
    background-color: black;
}