Dymok

https://codepen.io/UnluckySerivelha/pen/KJBrXY

https://codepen.io/UnluckySerivelha/pen/KJqVPp

Для этого можно задать первому блоку position: relativeи top:40px;

Селектор вида .class tag будет действовать на все элементы tag внутри элемента .class в независимости от вложенности.
Чтобы действовал только на непосредственно первый дочерний элемент, нужно использовать .class > tag

.menu-item-has-children > p:after
{
	content: ' [>]';
}
.sub-menu .menu-item-has-children > p:after
{
	content: ' [»]';
}

Забудь про float

Всё в один контейнер, контейнеру display:flex; flex-wrap:wrap;
Блокам отзывов width: 50%, паддинги и маржины по макету
Сам блок тоже можно сделать display: flex;и разделить на две части

Знаете ли вы селекторы?

Проще всего для всех ссылок задать один общий класс classи стилизовать его.
Да и зачем вообще разные классы, если стили должны бить одинаковые?

Называется sourcemaps, пример подключения для галпа - https://www.npmjs.com/package/gulp-stylus

Оказывается, всё просто.

$('.gallery').each(function() { // the containers for all your galleries
    $(this).magnificPopup({
        delegate: 'a', // the selector for gallery item
        type: 'image',
        gallery: {
          enabled:true
        }
    });
});

Кругу position: relative, иконке position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);

https://www.jqueryscript.net/form/Animated-Input-P...
https://codepen.io/anon/pen/xRJxEY

last-child заменить на last-of-type

.video-boris {
    ...
    box-sizing: border-box;
}