.bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 380px;
  text-align: center;
  z-index: -1;
}
.bg h1 {
  color: #fff;
  margin-bottom: 0.2em;
}
.bg .domain {
  display: inline-block;
  margin: auto;
  padding: 0.75em 2.5em;
  border-radius: 3px;
  font-size: 2em;
  font-weight: 300;
}
.bg .domain:before {
  content: 'www.';
  opacity: 0.7;
}
.container {
  position: relative;
  border-radius: 3px;
  margin-top: 224px;
  padding: 16px;
}
h1,
h2,
h3,
h4,
h5 {
  font-weight: 200;
}
p {
  font-weight: 300;
  font-size: 1.2rem;
  line-height: 2rem;
}
.construction-img {
  height: 8rem;
  width: 8rem;
  text-align: center;
  margin: auto;
}
.construction-img .build {
  font-size: 6rem;
  padding-top: 1rem;
}
.construction-img .anim-icon {
  height: 8rem;
  width: 8rem;
}
h2,
h5,
.c-img,
.material-icons {
  transition: 3s;
}
@-webkit-keyframes title {
  0%,
  10% {
    opacity: 0;
    transform: translateX(-100px);
  }
  20% {
    opacity: 1;
    transform: translateX(0px);
  }
}
@keyframes title {
  0%,
  10% {
    opacity: 0;
    transform: translateX(-100px);
  }
  20% {
    opacity: 1;
    transform: translateX(0px);
  }
}
@-webkit-keyframes subtitle {
  0%,
  60% {
    opacity: 0;
    transform: translateX(-100px);
  }
  70% {
    opacity: 1;
    transform: translateX(0px);
  }
}
@keyframes subtitle {
  0%,
  60% {
    opacity: 0;
    transform: translateX(-100px);
  }
  70% {
    opacity: 1;
    transform: translateX(0px);
  }
}
@-webkit-keyframes icon {
  0%,
  30% {
    opacity: 0;
    transform: translateX(-100px);
  }
  40% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes icon {
  0%,
  30% {
    opacity: 0;
    transform: translateX(-100px);
  }
  40% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-webkit-keyframes icon-inner {
  0%,
  35% {
    transform: rotate(-180deg) scale(0);
  }
  55% {
    transform: rotate(0deg) scale(1);
  }
}
@keyframes icon-inner {
  0%,
  35% {
    transform: rotate(-180deg) scale(0);
  }
  55% {
    transform: rotate(0deg) scale(1);
  }
}
.anim-1 h2 {
  -webkit-animation: title 7s 1;
          animation: title 7s 1;
}
.anim-1 .c-img {
  -webkit-animation: icon 7s 1;
          animation: icon 7s 1;
}
.anim-1 .anim-icon {
  -webkit-animation: icon-inner 7s 1;
          animation: icon-inner 7s 1;
}
.anim-1 h5 {
  -webkit-animation: subtitle 7s 1;
          animation: subtitle 7s 1;
}