* { padding: 0; margin: 0; font-weight: normal; }
html, body {margin: 0; height: 100%; overflow: hidden}

BODY {
    background: #0059b0 url("imgs/bg-logo1.jpg?c=7") top center no-repeat;
    font: 16px Arial; line-height: 18px;
    position: relative;
}

.logo-platforms {
    text-align: center; width: 100%; position: absolute; top: 460px;
    color: #FFF;
}
    .logo-platforms P {
        margin: 10px 0;
        text-shadow:
        -1px -2px 4px #002b53,
        2px -1px 4px #002b53,
        -2px 2px 4px #002b53,
        2px 2px 4px #002b53;
    }
.logo-banner {
    width: 100%; height: 1080px;
    background: url("imgs/front1.png") top center no-repeat;
    text-align: center; position: absolute; top: 0px; color: #FFF;
}

		
/* ------------------ MOBILE SIZE ADAPTATIONS -------------------- */
		
@media only screen and (max-width: 800px) {
    BODY {
        background-image: url(imgs/bg-logo1-mobile.jpg?c=7);
        font: 12px Arial; line-height: 14px;
    }
    .logo-platforms { top: 200px; }
    .logo-banner {
        width: 100%; height: 450px;
        background-image: url("imgs/front1-mobile.png");
        bottom: 0px; top: inherit;
    }
}