@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css");

html, body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background-color: #000;
}

.bg-img {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(http://www.reactiongifs.us/wp-content/uploads/2015/04/nothing_to_see_here_naked_gun.gif) no-repeat center center fixed;
  background-size: cover;
  background-color: #000;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.content {
  font-family: "Avenir-Next", Avenir, Helvetica, sans-serif;
  color: #fff;
  background-color: none;
  z-index: 2;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

h1 {
  font-size: 160px;
  margin-bottom: 0;
  margin-top: 0;
}

h2 {
  margin-top: 0;
}

p {
  text-align: left;
  padding-bottom: 2rem;
}



@media only screen and (max-width: 480px) {
  h1 { font-size: 4.8rem; }
  h2 { font-size: 3rem;
}