I am having two problems with the implementation of my video background:

1) My video background won't take the full height of the screen when it is resized. What would be the best way of fixing it.

2) I cannot click on the "Return to Website" button.

How can I fix it?

[![enter image description here](https://i.stack.imgur.com/B0VkJ.png)](https://i.stack.imgur.com/B0VkJ.png)

**HTML**

```
<div>
  <div id="outer">
    <div id="home-top-video">
      <video autoplay loop muted width="100%">
        <source src="http://view.vzaar.com/2710053.mp4" type="video/mp4" /> Your browser does not support the video tag. We suggest you upgrade your browser.
      </video>
      <div id="top-text">
        <h3 class="wow fadeIn" data-wow-delay="1s" data-wow-duration="2s" style="font-size: 5em">
          Lifestyle
        </h3>
        <div class="gold-line wow fadeIn" data-wow-delay="1.25s" data-wow-duration="2s" style="margin-top: 25px; margin-bottom: 25px;"></div>
        <h5 class="wow fadeIn" data-wow-delay="1.5s" data-wow-duration="2s" style="font-family: 'Josefin Slab', sans-serif; letter-spacing: 4px;">COMING SOON</h5>
      </div>
      <div id="bottom-text">
        <div class="row" style="margin-bottom: 2em; font-family: 'Josefin Slab'">
          <div class="col-md-4 wow fadeIn" data-wow-delay="2s" data-wow-duration="2s">"The way of the world is meeting people through other people."</div>
          <div class="col-md-4 wow fadeIn" data-wow-delay="2.5s" data-wow-duration="2s">"The way we think, we become"</div>
          <div class="col-md-4 wow fadeIn" data-wow-delay="3s" data-wow-duration="2s">"Personal development is a journey, not a destination. Enjoy it, nonetheless."</div>
        </div>
        <div style="width: 100%;">
          <a class="contact-button" href="/about" target="_self" style="z-index: 2">RETURN TO WEBSITE</a>
        </div>
      </div>
    </div>
  </div>
</div>

```

**CSS**

```
/* Latest compiled and minified CSS included as External Resource*/

/* Optional theme */

@import url('//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-theme.min.css');
#outer {
  width: 100%;
  display: block;
  text-align: center;
  position: relative;
  overflow: hidden;
  min-height: 100vh;
}

#outer #home-top-video:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 1;
  background: linear-gradient(to right, rgba(71, 75, 84, 0.7), rgba(71, 75, 84, 0.9));
}

#home-top-video {
  left: 0%;
  top: 0%;
  height: 100vh;
  width: 100%;
  max-width: 1000%;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

#top-text {
  position: absolute;
  left: 50%;
  top: 8em;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #fff;
  z-index: 1;
  font-family: 'Early Bird', sans-serif;
  width: 300px;
}

#bottom-text {
  position: absolute;
  left: 50%;
  bottom: -12px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #fff;
  z-index: 1;
  width: 100%;
}

```