body {
    margin:         0;
    padding:        0;
    overflow:       hidden;
}

img {
    border: 0;
}

.canvas {
    height:         100%;
    width:          100%;
    overflow:       hidden;  
}

.image {
    position:       relative;
}

.placard {
    position:       absolute;
    bottom:         0px;
    z-index:        100;
    width:          100%;
    background:     #2E262E;
    opacity:        0.8;       
    text-align:     center;
    height:         215px;
}

.text {
    position:       absolute;
    bottom:         0px;
    z-index:        100;

    font-family:    'Georgia';
    color:          #e6e6e6;
    font-size:      12px;
    text-align:     center;    
}

.text.iphone {
    font-size:      6px;    
}

.text .header {
    padding-top:    30px;
    font-size:      14px;
    font-weight:    bold;
    padding-bottom: 30px;
}

.text.iphone .header {
    font-size:      15px;    
}

.text .links {
    padding-top:    15px;
    padding-bottom: 15px;
    font-size:      9px;
}

.text .links a {
    text-decoration:    none;            
    color:              #e6e6e6;
}

.text .links a:hover {
    color:              #FFC6A8;
}