Александр Гамов

У этого свойства отступы задать нельзя. Как вариант - порезать изображение с учетом отступов (добавить фон).

90% что по этому пути просто не может найти файлов. Попробуйте абсолютный путь указать /fonts/

Во первых проследить чтобы он переносился на новую строку (не задавать жестко height, а лучше line-height + padding), ну и использовать динамические единицы
vw – 1% ширины окна
vh – 1% высоты окна
Но без медиа запросов никуда, не нужно их бояться.

$(document).ready(function(){
  setTimeout(function () {
     $('.slider').slick({
        dots: true,
        infinite: true,
        speed: 400,
        slidesToShow: 1,
        autoplay: true,
        autoplaySpeed: 6000,
        arrows: false,
        pauseOnFocus: false,
        pauseOnHover: false,
        dotsClass: 'slick-dots-custom',
      });
  }, 1000);
});

htmlbook.ru/css/not

.class-name-2:not([class*="class-name-1"]) h3 {}

Если планируется долгосрочная поддержка сайта, то лучше переверстать с учетом адаптивности (с использованием сеток). В противном случае допилить адаптивность поверх использую медиа запросы + немного js магии.

Вот для примера пара сайтов, обратите внимания на файлы подключенные в папке adap. В данных случаях был использован именно второй вариант.
www.stroyfiks.ru
vezu-gruz.ru

html - css - js - Практика на этих языках - сборщики проектов - изучение фреймворков, препроцессоров и другого сахара.

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

Тут не у figcaption проблемы.
Сделайте ссылку и изображение блоком, и для p уберите маргины )

так же поможет.
figcaption{
overflow:hidden;
}
img {
display: block;
}

В шаблоне не был прописан доктайп )

.footer > .bg-left {
    background: transparent url("../images/footer-bg-left.gif") no-repeat scroll 0px 0px;
    width: 286px;
    height: 274px;
    top: 80px;  <----- вот так сделайте
    left: 0px;
}

Скажу еще раз, не используйте блоки только для ради бэкграунда.

Из-за статичной высоты блока-обертки меню, оно при раскрытии вываливается за границы.
лекарство:

#nav-menu {
height: auto;
}