Пётр Кузьмичёв

клик

А почему бы не открыть исходник этой страницы и не вынуть код? Там в комментариях, наверняка, есть ссылки. А если и нет, можно просто этот код под свои нужны переделать.

Делайте как вам удобно, хоть 30 css файлов. В любом случае верным дальнейшим действием будет компоновка их всех в один, минификация/углификация при помощи одной из многих js библиотек.
Я слышал этим занимаются сборщики, типа grunt, gulp, webpack. Но не утверждаю :)

@media screen and (max-width:468px) {
   p {font-size: 16px;}
}

это значит, что на экранах с максимальной шириной в 468 пикселей размер шрифта параграфа будет 16 пикселей.