Евгений

Псевдоклассы в данных примерах не нужны, кроме того, подобные записи не приветствуются вообще, если можно сделать проще/иначе:

.elem div:first-of-type{
//стили
}

прочитайте про бэм-нейминг, html, css очень часто сейчас используют его, либо что-то подобное

Какой проект? От этого всё зависит ведь. Если много пользователей приходит с ie11 и подобного, то, наверное, не стоит

ПС

мы уже приехали?
мы уже приехали?
мы уже приехали?
мы уже приехали?
а сейчас?
мы уже приехали?

все такого же размера, просто один на другой наложился

.project__circle span::after {
	  right: -11px;
	}

оно?

background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(../img/header/hd-bg1.png);

он считает, что слайдер не виден вот здесь:

if (!_isElementVisible(_mainElement)) {
            return;
          }

если глубже, то вот здесь

element.contains(elemFromPoint(rect.left, rect.top))
          || element.contains(elemFromPoint(rect.right, rect.top))
          || element.contains(elemFromPoint(rect.right, rect.bottom))
          || element.contains(elemFromPoint(rect.left, rect.bottom))

когда ты используешь fixed на меню, ты перекрываешь верх слайдера, и верхние точки недоступны, а нижние не были доступны и раньше, если ты сдвинешь для интереса слайдер с помощью margin-top на пикселей 100, или
сделаешь вот так:

|| element.contains(elemFromPoint(rect.right, rect.bottom - 1))
|| element.contains(elemFromPoint(rect.left, rect.bottom - 1))

то он заработает) очевидно, это всё не самое подходящее решение

Всё зависит от частоты встречающихся значений чего-либо, можно туда же значения медиазапросов положить, размеры шрифтов, но не стоит упарываться слишком сильно)

Вообще, ты можешь сам указать начертание, какое пожелаешь в

@font-face { font-weight: ... }

в дальнейшем уже его использовать. Если интересно узнать, какое начертание шрифту задал создатель шрифта, то есть такое приложение, как fontforge, там можно это поглядеть