@font-face {
  font-family: 'Arvo';
  font-style: normal;
  font-weight: normal;
  src: local('Arvo'), url('Arvo-Regular.ttf') format('truetype');
}

body{
  font-family: Arvo, Helvetica, Arial, sans-serif;
}

h1,h2, h3{
  text-align: center;
  line-height: 80px;
  font-weight: 500;
}

.black{
  color: #fff;
}

h2{
  color: #444;
}

h3{
  color: #666;
}

.black{
  background-color: #222;
}

.black h2{
  color: #bbb;
}

.title, .jeffkreeftmeijer, .relish, .dinoriders, .image{
  background-size: 100% auto;
}

.wycats{
  background-image: url('images/wycats.png');
}

.eightybeans{
  background-image: url('images/80beans.png');
}

.jeffkreeftmeijer{
  background-image: url('images/jeffkreeftmeijer.jpg');
}

.relish{
  background-image: url('images/relish.jpg');
}

.dinoriders{
  background-image: url('images/dino_riders.jpg');
}

.pivotaltracker{
  background-image: url('images/pivotaltracker.png');
}

.tweet, .eightybeans, .image{
  background-repeat: no-repeat;
  background-position: center;
}

.tweet{
  background-size: 80% auto;
}

.eightybeans{
  background-size: 60% auto;
}

.title h1 {
  background-size: 1750px auto;
  font-family: League Gothic;
  text-transform: uppercase;
  text-align:center;
  line-height: 85%;
  font-size: 400px;
  background: url(images/dino_riders.jpg), #222;
  -webkit-background-clip: text, border;
  color: transparent;
  background-position: top 200px;
}

.title h1 span{
  display: block;
}

.small{
  font-size: 80%;
}