#hero-logo {
      min-height: 40vh;
 }
 
 video.video-background {
  
  position: fixed;
  z-index: -1;
  object-fit: cover;
  width:100%;
  min-height:100%;
  top:0;
  left:0;
  
}

  .product-device {
     position: absolute;
     right: 10%;
     bottom: -30%;
     width: 300px;
     height: 540px;
     background-color: #333;
     border-radius: 21px;
     transform: rotate(30deg);
   }
   
   .product-device::before {
     position: absolute;
     top: 10%;
     right: 10px;
     bottom: 10%;
     left: 10px;
     content: "";
     background-color: rgba(255, 255, 255, .1);
     border-radius: 5px;
   }
   
   .product-device-2 {
     top: -25%;
     right: auto;
     bottom: 0;
     left: 5%;
     background-color: #e5e5e5;
   }
   
   
   /*
    * Extra utilities
    */
   
   .flex-equal > * {
     flex: 1;
   }
   @media (min-width: 768px) {
     .flex-md-equal > * {
       flex: 1;
     }
   }
   
   .background-parallax-container {
        height: 500px;
        width: 100%;
   }


   .background-parallax {
         /* The image used */
  background-image: url("../img/essex-bg.jpg");

  /* Full height */
  height: 100vh;
  width:100%;
  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;


   }

   div.row {
        max-width:1280px;
        margin:auto;
   }