
footer{
    margin:0;
}


image-bg{
    background-repeat:no-repeat;
    background-position:center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


.image-bg.store{
    background: url(/content/home/store.jpg) fixed;
    height: 100vh;
    z-index: 3;
}

.image-bg.wall{
    background: url(/content/home/slide_wall.jpg) fixed;
    height: 100vh;
    z-index: 2;
}

.image-bg.paper{
    background: url(/content/home/paper.jpg) fixed;
    height: 100vh;
    z-index: 1;
}


.quotes{
    font-size:2.1em;
    font-weight:bold;
    text-align:center;
    margin-top:30vh;
    padding:1em 0;
}

.quotes *{
    font-family:'GFS Didot';
}

.quotes blockquote{
    display:inline-block;
    color:#fff;
    text-shadow: 2px 2px rgba(0,0,0,0.6);
    text-align:center;
    margin-bottom:0;
}

.quotes  a{
    color:#fff;
    font-family:'ubuntu';
    font-weight:bold;
    display:inline-block;
    background:#000;
    border-radius:0.2em;
    font-size:0.48em;
    padding:0.8em 1.1em;
}

.quotes p{
    text-align:center;
    text-shadow: 2px 2px rgba(0,0,0,0.3);
    color:#fff;
    margin:0;
}

.store .quotes{
    background:rgba(0,0,0,0.3);
}

.store blockquote{
    font-style:italic;
    border-left: 0.2em solid #37aeb2;
}

.store .quotes a{
    display:inline-block;
    width:8em;
    background:#37aeb2;
    border-bottom:0.24em solid #2c8b8e;
}

.store .quotes a:hover{
    background: #58bfcb;
}

.store .quotes a.news{
    color:#2c8b8e;
    background:#fff;
}

.store .quotes a.news:hover{
    color:#58bfcb;
    background:#fff;
}


.wall .quotes a{
    background:#e67e22;
    border-bottom:0.24em solid #b8651b;
}

.wall .quotes a:hover {
    background: #e68f12;
}


.paper .quotes a{
    background: #c84c33;
    border-bottom:0.24em solid #a4402a;
}


.paper .quotes a:hover {
    background: #d44e35;
}


/* small screen */
@media only screen and (max-width: 40em) {

}



@media only screen and (min-width: 40em) {


}