Сергей

.container { position:relative; }
.offer { position:absolute;top:50%;transform:translateY(-50%); }

что-бы не заморачиваться с js я такие проблемы обычно решал через SVG
рендерер чудесно его масштабирует

if (iosVersion >= 7) {
    $(document).scroll(function() {
        $('#main').css('background-position', '0px ' + $(document).scrollTop() + 'px');
    });
}

еще можно явно указать размеры -webkit-background-size: 2650px 1440px;

только при помощи js
(css только следующий селектором +)

hoverintent jquery plugin
cherne.net/brian/resources/jquery.hoverIntent.html

это баг браузеров )) видел гдето решение костылями, но не помню где.... загуглите
flexbox resize image width както так

position:absolute; top:0; bottom:0;

если высота экрана - это не высота страницы а высота экрана т.е. вьюпорта, то height:100vh;

P.S. а что-бы высота считалась 100% надо еще и у родителя родителя задавать и так пока не дойдем до верхушки DOM или не наткнемся на элемент с высотой не в процентах, от которой сможем начать считать

1. никак... бэкграундом, псевдами before after (в сам placeholder никак) скрытие через JS
2. :after {content:'|'} или content:'' но с высотой и бордером

3. бэкграндом + appearence:none;-webkit-appearence:none;

я бы все делал дивами с 2 бордерами и after c соответствующим позиционированием для булита

для таких целей принято использовать позиционирование
#ringz - position:absolute;
#countz - position:absolute;
контейнеру position:relative;

скорее всего забыли закрыть див и футер провалился в контент
щас глянем в валидаторе))

красота да и только )))
назакрытые тэги

<div class="off-canvas-wrapper">
<div class="off-canvas-wrapper-inner" data-off-canvas-wrapper>
<div class="off-canvas-content" data-off-canvas-content>
<div id="sites">
 <article class="page-content">

вместо закрывашки для <article>
лишняя закрывашка </section>

написал им в твиттер ))

из описания нифига не понятно,
но если я всетаки уловил мысль, я бы разместил блок внутри блока 1200
дал ему ширину 250, спозиционировал абсолютно top:0 left:0 и накинул transform:translateX(-100%)

ну или собери себе бутстрап с гридом 34 колонки и развлекайся ))
getbootstrap.com/customize/#grid-system

UPD: я кажется понял о чем ты....
ты про границу media query для суффикса lg 1200px

собери себе кастомный бутстрап
getbootstrap.com/customize/#media-queries-breakpoints <= тут ты можешь задать свои 1700px как lg

можно попробовать masonry
но я бы воспользовался twitter bootstrap
правда их сетка из 12 а не 16 колонок

ol > li:not(:last-child) { margin-bottom: 10px; } 
/* :not(:last-child) чтобы не было отступа в конце списка */

или более "кроссбраузерное" если учитывать старые версии

ol > li + li {margin-top:10px;} 
/* li + li чтобы не затронуть первый элемент списка */