(function() {
			'use strict';
			window.addEventListener('load', function() {
			// Fetch all the forms we want to apply custom Bootstrap validation styles to
			var forms = document.getElementsByClassName('needs-validation');
			// Loop over them and prevent submission
			var validation = Array.prototype.filter.call(forms, function(form) {
			form.addEventListener('submit', function(event) {
			if (form.checkValidity() === false) {

			}
			form.classList.add('is-valid');
			}, false);
			});
			}, false);
			})();




		 var name = $('.name').val()
			var email = $('.email').val()
			var phone = $('.phone').val()
			var message = $('.message')
					.val()
			var statusElm = $('.status')
			statusElm.empty()

			if (email.length > 5
					&& email.includes('@')
					&& email.includes('.')) {
				statusElm
						.append('<i style="color: green; font-size:2.3em;" class="fas fa-check"></i>')

			} else {
				event.preventDefault()
				statusElm
						.append('<i style="color: red; font-size:2.3em;" class="fas fa-times"></i>')
			}

			if (phone.length > 7) {
				statusElm
						.append('<i style="color: green; font-size:2.3em;" class="fas fa-check"></i>')
			} else {
				event.preventDefault()
				statusElm
						.append('<i style="color: red; font-size:2.3em;" class="fas fa-times"></i>')
			}

			if (message.length > 20) {
				statusElm
						.append('<i style="color: green; font-size:2.3em;" class="fas fa-check"></i>')
			} else {
				event.preventDefault()
				statusElm
						.append('<i style="color: red; font-size:2.3em;" class="fas fa-times"></i>')
			}