@media only screen and (max-height: 1024px) {
    .tile-area { padding: 140px 60px 0 60px !important; }
    .step-header { top: -64px; font-size: 2.0rem; }
}

 @media only screen and (max-height: 800px) {
    .tile-area { padding: 120px 60px 0 60px !important; }
    .step-header { top: -64px; font-size: 2.0rem; }
    .site-title { top: 20px; }
}

 @media only screen and (max-height: 640px) {
    .tile-area { padding: 100px 60px 0 60px !important; }
    .step-header { top: -64px; font-size: 2.0rem; }    
    .fullstackpanel { height: 380px; }
    .site-title { top: 10px; left: 30px}
}

@media only screen and (max-height: 568px) {
    .tile-area { padding: 80px 50px 0 50px !important; }    
    .stackpanel { height: 250px; }
    .fullstackpanel { height: 380px; }
    .step-header { top: -64px; font-size: 2.0rem; }
    .site-title { top: 0px; left: 25px}
}

@media only screen and (max-height: 480px) {
    .tile-area { padding: 80px 40px 0 40px !important; }
    .dropzone { height: 250px; }
    .stackpanel { height: 250px; }
    .step-header { top: -64px; font-size: 2.0rem; }
    .site-title { top: 0px; left: 10px}
}

@media only screen and (min-width: 640px) {
    .only-phone { display: none !important; visibility: visible !important; }
}