Ivanq

Лучше ставить для фона width: 100%, а для контента width: 70% или типа того. Но это мое личное ИМХО

Если бы вы указывали размеры не в px/pt, а процентах, все было бы нормально. Пиксели на то и пиксели, что везде будут выглядеть одинаково

Да поставьте вы там в начале еще один br

И да, Денис Инешин прав

И сейчас также "верстка на дивах, медиа-запросы для мобильных устройств"

https://jsfiddle.net/Ivanq/pp754pfw/4/

.panel + * {
    border-top: 0px;
}

Поражаюсь людям, которые сначала заходят на форум, а потом, не найдя ответа, лезут в гугл.
Запрос media query stylus, первая ссылка - https://learnboost.github.io/stylus/docs/media.html

Уберите из img и поставьте в background-image css

.class-wrap {
    background-image: src(myimage.png);
    background-size: cover;
    width: 100%;
    height: 100%;
    display: inline-block;
}

Что непонятно, спрашивайте

.text {
    position: absolute;
    margin-left: -300px;
}

Но лучше сверстать с самого начала, либо ставить в фон картинку

overflow-y: hidden;

Но нигде скролл не вижу

На CSS никак