Никита Гусаков

Никакой. Судя по префиксам классов - ha, можно сделать вывод, что разработчики сами написали весь css. Да и по размеру основного css файла.
А вообще подобный дизайн можно просто сделать на основе bootstrap 3. bootswatch.com/flatly - вот вам основа
PS далее сайт сделан на boostrap2, вроде. Лендинг - самопис.

Не знаю как sass, я бы посоветовал вам взять stylus вместо less. Синтаксис более мощный, под него вроде все то же что и под sass есть.

Хорошим решением будет отказаться от вотчеров IDE. Они не допилены до необходимой кондиции удобства. Сам бустрап собирается грантом, и вы им собирайте.
Правильно было бы кстати bootstrap.less скопипастить, поправить пути и подменять то что вы хотите так:

@import "bootstrap/variables";
@import "my_vars";
@import "bootstrap/*"; // тут все части бутстрапа вам нужные
@import "my_changes";

Ну и если вам таки не нравится грант, а хочется юзать IDE, откройте

И внизу поправьте Output paths

Я могу ошибаться, но:
если у вас через медиа-запросы, значит опирается все на разрешение пользователя? Поизменяйте размер браузера — и увидите как будет выглядеть на том или ином устройстве.
Также у хрома в профайлере в настройках в Overrides есть Device Metrics и User Agent. Поиграйтесь с этими данными, от чего у вас зависит ваша верстка — и все.
Также там есть полезные вещи вроде геопозиции, угла наклона устройства, эмуляция тач-событий и media запросов вроде print

(function() {
	$('a.log-in-link').on('click', function() {
		$('body').append('<div id="mask"></div>');
		$('#mask').fadeIn(300).on('click', function() {
		    $(this).fadeOut(300, function() {
                $(this).remove();  
            }); 
            return false;
        });
		return false;
	});
})();

Подскажите, а чем плох такой вариант?