// Place all the styles related to the landing controller here.
// They will automatically be included in application.css.
// You can use Sass (SCSS) here: http://sass-lang.com/

body.landing {
  padding-top: 0px;
}

#hero {
  padding-top: 20px;
  background-color: #eeeeee;
}

.hero-unit {
  padding-top: 0px;
  text-align: center;
  h1 {
    font-family: 'Leckerli One', cursive;
    font-size: 40px;
  }
  .btn {
    margin-top: 50px;
  }
}

.beta {
  padding-top: 40px;
  text-align: center;
}

#screenshots {
  text-align: center;
  h2 {
    padding-top: 40px;
  }
  img {
    padding-top: 40px;
  }
}

#soon {
  text-align: center;
  padding-bottom: 40px;
  h2 {
    padding-top: 40px;
  }
  li {

  }  
}

#download {
  text-align: center;
  padding-bottom: 40px;
}

footer {
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #BDC3C7;
  color: #ECF0F1;
  a {
    color: white;
    text-decoration: none;
  }
}
// Place all the styles related to the landing controller here.
// They will automatically be included in application.css.
// You can use Sass (SCSS) here: http://sass-lang.com/

body.landing {
  padding-top: 0px;
}

#hero {
  padding-top: 20px;
  background-color: #E74C3C;
}

.hero-unit {
  background-color: #E74C3C;
  padding-top: 0px;
  color: white;
  small {
    color: white;
  }
  text-align: center;
  h1 {
    font-family: 'Leckerli One', cursive;
    font-size: 40px;
  }
  .btn {
    margin-top: 50px;
  }
}

.beta {
  padding-top: 40px;
  text-align: center;
}

#screenshots {
  text-align: center;
  h2 {
    padding-top: 40px;
  }
  img {
    padding-top: 40px;
  }
}

#soon {
  text-align: center;
  padding-bottom: 40px;
  h2 {
    padding-top: 40px;
  }
  li {

  }  
}

#download {
  text-align: center;
  padding-bottom: 40px;
}

footer {
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #BDC3C7;
  color: #ECF0F1;
  a {
    color: white;
    text-decoration: none;
  }
}
Change colour of hero unit
Change colour of hero unit
