* {margin:0px;padding:0px;}
html,body { margin:0px;padding:0px;}
html {width:100%;min-height: 100%;}
html {background: #e9eef1; /* Old browsers */
    background: -moz-linear-gradient(top, #e9eef1 0%, #bed8e4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e9eef1), color-stop(100%,#bed8e4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e9eef1 0%,#bed8e4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e9eef1 0%,#bed8e4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #e9eef1 0%,#bed8e4 100%); /* IE10+ */
    background: linear-gradient(to bottom, #e9eef1 0%,#bed8e4 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9eef1', endColorstr='#bed8e4',GradientType=0 ); /* IE6-9 */
}
.wrapper {
width:100%;
min-height: 100%;
}

.wrapper .full-image{
    position: absolute;
    max-width: 99%;
    top: 10%;
    left: 10%;

}
.wrapper img.email-button {
position: absolute;
bottom:10%;
left:10%;
max-width: 90%;
    cursor: pointer;
}

img.full-image:empty
{
    top: 40%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
img.email-button:empty
{
    bottom:20%;
    left: 51%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

@media only screen
and (max-width: 480px) {
    .wrapper img.email-button {width: 40%;left:53%;bottom:10%;}

}