@import url(https://fonts.googleapis.com/css?family=Rock+Salt);
@import url(https://fonts.googleapis.com/css?family=Raleway:500);
@import url(https://fonts.googleapis.com/css?family=Nunito);

body {
  margin: 0;
  text-align: center;
  font-size: 1em;
}

.title{
  margin-top: 30vh;
}

video { 
  position: fixed;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -100;
  transform: translateX(-50%) translateY(-50%);
  background: url('../../wip/Hello-World.jpg') no-repeat;
  background-size: cover;
  transition: 1s opacity;
}

h1{
  font-family: 'Rock Salt', cursive;
  color: #fff;
}

h2{
  font-family: 'Raleway', sans-serif;
  font-variant: small-caps;
  color: #fff;
}

.stopfade { 
   opacity: .5;
}

@media screen and (max-device-width: 800px) {
  html {
    background: url(../../wip/Hello-World.jpg) #000 no-repeat center center fixed;
    background-size: cover;
  }
  #bgvid { display: none; }
}

.sliding-middle-out {
  display: inline-block;
  position: relative;
  padding-bottom: 3px;
}
.sliding-middle-out:after {
  content: '';
  display: block;
  margin: auto;
  height: 3px;
  width: 0px;
  background: transparent;
  transition: width .5s ease, background-color .5s ease;
}
.sliding-middle-out:hover:after {
  width: 100%;
  background: #0788B7;
}

h3{
  margin-left: 55px;
}

a,a:link,a:hover,a:visited{
  text-decoration: none;
  color: #fff;
  font-family: 'Nunito', sans-serif;
}