Вы же делаете сайт, может быть и его потом будут смотреть без Интернета ?) К тому же, это уже не совсем статическая верстка, это все такие фронт энд программирование.
Возьмите с собой ноутбук, или планшет, чтобы подключиться к интернету
В бутстрап есть отступы типа col-md-offset... И так далее. Вот отступите в каждой строке сколько надо ячеек, а лого сделайте абсолютно позиционировано и всё. Второй способ - гуглите по запросу bootstrap rowspan=2
У вас изначально width / height - разные, поэтому в частном случае вы просто подогнали круг под пропорции монитора. У круга ширина и высота (условные, если вписать его в квадрат) должны быть одинаковы.