Андрей Федоров

А разве эта надпись не зависит от locale операционной системы? Если нет, то огромный минус разработчику браузера...

.block {
width: 100vw;
height: 20vh;
position: fixed;
top: 0;
left: 0;
}

да вы издеваетесь!

На мой взгляд нет таких возможносей в css. Хотя не скажу, что я эксперт. Например можно формировать спрайт на js и потом уже масшабировать его как background-image.

Ну вот же подробная документация
plugins.adchsm.me/slidebars/usage.php

codepen.io/aliencash/pen/zGBJZq
типа того, правда мне результат не очень нравится, не совсем то, что вам нужно если я правильно понял задачу...
зачем вам в принципе огибание, можно отдельный сайдбар сделать для изображений...

Вот такой есть сервис
jonassebastianohlsson.com/criticalpathcssgenerator

z-index конечно. У вас есть темная "подложка". У нее z-index 2, сделайте окну для формирования топика z-index: 10 и оно будет сверху темного фона.

Можно.
www.w3.org/wiki/HTML/Elements/header
Пример С

Сделайте меню и подменю фиксированной высоты. И будет вам счастье.

Сделайте кнопку производящую расчет обычным button. В событие oncliсk повесте вызов js, который снимает значения полей формы и считает то что нужно посчитать. Если результат расчета валидный делайте кнопке submit .disabled = false;

а фон это просто цвет? тогда так:
background-color: rgba(255,100,255,.5);

границы можете подобрать с помощью line-height

Во-первых height: 300px сработает только для блочного элемента, а по умолчанию строчный. Т.е. добавьте c #branding_link display: block; и можете смело удалять свои br'ы.

Во-вторых, у вас дублируется картинка фона, вы ее присваиваете и body, и #branding_link. Попробуете поскролить страницу, поймете в чем дело.
Нужно убрать фон из body, увеличить выстоту #branding_link. А так же дать ему z-index меньше инфомационной области страницы.

Логично - у вас там почти у всех классов position: absolute;
Убирайте, он там ничего не решает.

Не надо min-width делать, теряется резиновость. Вот так сделайте:

.menu li {
  text-align: center;
  background: #c5f;
  width: 24%;
  margin-right: 1.33333333%;
}
.menu li:last-child {
  margin: 0;
}

Автор, как вы чему-то научитесь если сами думать не будете?