@import "compass";
@import "normalize";
@import "960/grid";
@import "960.css";

@include font-face("Mensch", font-files("mensch.woff", woff,
                                        "mensch.ttf", truetype,
                                        "mensch.svg", svg)
                                        "mensch.eot", normal, normal);

body {
  font-family: "Mensch", Helvetica, Arial, sans-serif;

  background-color: rgb(255,255,255); // Old browsers
  @include filter-gradient(#ffffff, #e8e8e8, horizontal); // IE6-8 fallback on horizontal gradient
  // IE9 SVG, needs conditional override of 'filter' to 'none'
  $experimental-support-for-svg: true;
  @include background-image(radial-gradient(center, ellipse cover, rgba(255,255,255,1) 1%,rgba(232,232,232,1) 100%));
  @include background-image(radial-gradient(center, ellipse cover, rgba(255,255,255,1) 1%,rgba(232,232,232,1) 100%));
}


.headline {
  padding-top: 3em;
  font-size: 2em;
  text-align: center;
  color: #4A4A4A;

}

.subtitle {
  padding-top: 2em;
  text-align: center;
  font-size: 1.5em;
  line-height: 1.1;
  color: #4A4A4A;

}

ul.gallery {
  margin-top: 50px;
  list-style-type: none;
  float:right;
  position:relative;
  left:-50%;
  text-align:left;
  li {
    float:left;
    margin-right:70px;
    margin-top:7px;

    position:relative;
    left:50%;
  }
}

div.appstore {
  margin-top: 250px;
  margin-right: 200 px;
}