jQuery(document).ready(function ($) {
	var alterClass = function () {
		var ww = document.body.clientWidth;
		if (ww < 780) {
			$('#main-nav').addClass('overlay');
		} else if (ww >= 781) {
			$('#main-nav').removeClass('overlay');
		};
	};
	$(window).resize(function () {
		alterClass();
	});
	//Fire it when the page first loads:
	alterClass();
});

document.addEventListener("DOMContentLoaded", function () {

	document.querySelector('#toggle').addEventListener("click", function () {
		this.classList.toggle("toggle-active");
		document.querySelector("#main-nav").classList.toggle("nav-active");
		document.querySelector("body").classList.toggle("hidden-scroll");
	});

});