body {
  font-family: 'Roboto', sans-serif;
  background-color: #263238;
  color: #333;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  text-align: left; }

a {
  color: #607D8B;
  text-decoration: none; }

h1 {
  color: #607D8B;
  font-family: 'Lobster', sans-serif;
  font-weight: 700;
  font-style: italic;
  font-size: 3em;
  margin: auto;
  text-align: center;
  line-height: normal; }
  h1 a {
    color: #607D8B;
    text-decoration: none; }
  @media screen and (min-width: 440px) {
    h1 {
      font-size: 4.4em; } }
  @media screen and (min-width: 660px) {
    h1 {
      font-size: 6.6em; } }
  @media screen and (min-width: 800px) {
    h1 {
      font-size: 8em; } }
  @media screen and (min-width: 1000px) {
    h1 {
      font-size: 10em; } }
  @media screen and (min-width: 1250px) {
    h1 {
      font-size: 12.5em; } }
  @media screen and (min-width: 1500px) {
    h1 {
      font-size: 15em; } }
  @media screen and (min-width: 1800px) {
    h1 {
      font-size: 18em; } }

/*# sourceMappingURL=main.css.map */