body {font: 20px arial, sans-serif;}
.main { left: 0; position: absolute; top:0; width: 100%; }
.inner-img { float:left; height: auto; width: 100%; }
.mobile-rotate { display: none; }
.mobile-rotate p {margin: 0 auto; padding:36px; text-align:center;}
@media screen and (max-width: 414px) {
.mobile-rotate { display: inline-block; width:100%; }
}
@media screen and (min-width: 1024px) {
.main { top:-25%; }
}
@media screen and (min-width: 1280px) {
.main { top:-50%; }
}
@media screen and (min-width: 1440px) {
.main { top:-80%; }
}