html {
    height: 100%;
}

body { 
    background: url(../img/smile-blur-dark.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    overflow: auto;
    height: 100%;
}

#header {
    height: 20%;
    width: 100%;
    text-align: center;
    margin-top: -10px;
    vertical-align: middle;
}

a {
    color: #777;
}



h1 {
    font-size: 6em;
    margin-bottom: .5em;
    line-height: 1em;
}

h1, h2, h3, h4 {
    color: #fff;
}

h3, h4 {
    font-weight: normal;
}

h3 {
    font-size: 1.5em;
    line-height: 1.3em;
}


#description {
    margin-top: 10%;
    margin-bottom: 20%;
    text-align: center;
    padding-right: 10px;
}

#mobile-desc {
    text-align: center;
    padding-right: 10px;
}

#webstore {
    margin-top: 10%;
    margin-bottom: 20%;
    border-radius: 35px;
    border: solid 1px #888;
    background-image: -webkit-gradient(
                    linear,
                    left bottom,
                    left top,
                    color-stop(0, #DFDDEB),
                    color-stop(1, #FFFFFF)
                    );
     background-image: -o-linear-gradient(top, #DFDDEB 0%, #FFFFFF 100%);
     background-image: -moz-linear-gradient(top, #DFDDEB 0%, #FFFFFF 100%);
     background-image: -webkit-linear-gradient(top, #DFDDEB 0%, #FFFFFF 100%);
     background-image: -ms-linear-gradient(top, #DFDDEB 0%, #FFFFFF 100%);
     background-image: linear-gradient(to top, #DFDDEB 0%, #FFFFFF 100%); 
     
}

#content {
    margin: 0 auto;
    text-align: center;
}

#wrapper {
    margin-left: 0;
}

#faqwrapper {
    background: rgba(256,256,256,.65);
    margin: 0;
    padding: 10px;
    padding-bottom: 100px;
}


#footer {
    height: 7%;
    width: 100%;
    text-align: center;
    position: fixed;
    bottom: 0;
    border-top: 2px dotted #888;
    background: rgba(256,256,256,.65);
}

#footer h4 {
    color: #888;
}