Как изменить оформление сайта в зависимости от ширины окна браузера?

// Выполнение функции "desiredCSS" сразу после создания строения DOM
document.addEventListener('DOMContentLoaded', function() {
	desiredCSS();
});

// Выполнение функции "desiredCSS" после изменении размера окна браузера
window.addEventListener('resize', function() {
	desiredCSS();
});

// Фенкция для подбора необходимого файла и замены стиля стиля
function desiredCSS() {
	var linkCSS = document.getElementsByTagName('link')[0];
	var w = window.innerWidth, fileCSS;

	if (w > 1600) {
		fileCSS = 'style.css';
	}
	else if (w < 1600 && w > 1000) {
		fileCSS = 'style_2.css';
	}
	else {
		fileCSS = 'default.css';
	};

	linkCSS.href = fileCSS;
};