body {
  margin: 0;
  background: #FEE933; 
  font-family: 'Roboto Condensed', sans-serif;
}
video { 
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -100;
 background: url('http://www.simply.it/resources/cloud.jpg') no-repeat;
  background-size: cover;
  transition: 1s opacity;
}
.stopfade { 
   opacity: .5;
}

#logo { 
  margin:60px;
  width: 90px;
  height: 90px;
}

#description { 
  font-family: 'Roboto Condensed', sans-serif;
  font-weight:100; 
  color: black;
  width: 650px;
  margin-left: 60px;
  font-size: 20px;
}

#description p{ 
  list-style: none;
  margin: 0px;
  padding: 0px;
}

#services { 
  font-family: 'Roboto Condensed', sans-serif;
  font-weight:700; 
  color: black;
  width: 600px;
  margin-left: 60px;
  margin-top: 40px;
  font-size: 38px;
}

#services ul{
  list-style: none;
  margin: 0px;
  padding: 0px;
}

#contacts { 
  position: absolute;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight:100; 
  color: black;
  width: 300px;
  margin-left: 760px;
  top: 210px;
  font-size: 20px;
}

h1 {
  font-size: 3rem;
  text-transform: uppercase;
  margin-top: 0;
  letter-spacing: .3rem;
}

a {
  color:black;
  text-decoration: none;
  transition: .6s; 
}
a:hover{
  text-decoration: underline;
}
@media screen and (max-width: 500px) { 
  div{width:70%;} 
}
@media screen and (max-device-width: 800px) {
  html { background: url(http://www.simply.it/resources/cloud.jpg) #000 no-repeat center center fixed; }
  #bgvid { display: none; }
}