Роман

text-transform: capitalize

a>article, который используется для названия товара - вообще не семантично.

да и в хедере артиклы тоже не к месту. прочитайте про тег.

навигация делается либо: ul>li>a либо nav>a. Ваш вариант (nav>ul>li) - избыточен и несемантичен.

в футере section тоже не к месту.

padding: 5px 7.5px; - не делайте полпикселя. разные браузеры по своему округляют и отображают по разному. где-то статья на хабре про это была.

font-size делайте em`амим лучше.

НУ и как по мне засилье флоатов вообще не хорошо. Тоже можно сверстать вообще без них. А так по сути у вас почти вся страница выпала из потока

а вы в хтмл файл дописали?

<meta name="viewport" content="width=device-width, initial-scale=1">

joxi.ru/Dr8W7YQSLMZ4A6

joxi.ru/8An5nlgT9yqK2O

текстуру для бэкграуунда можно и поменьше делать

Вот так не надо:

*{
  font: bold 21px "Bebas Neue";
  color: #A1A1A1;
}

лучше

body{
  font: bold 21px "Bebas Neue";
  color: #A1A1A1;
}

лучше опускать вниз

и вы же используете media - почему не сделали адаптивность?

Думаю не будет лишним
3. https://github.com/CSSLint/csslint/wiki

На джейквири:
$( document ).scrollTop( 0)

Ответ легко гуглится на стаковерфлоу

option:hover {
box-shadow: 0 0 10px 100px orange inset;
}