Владислав

var searchRequest = false,
			reqDelay = 1500;

		thisVar.doc.on('input', '#eventSearch', function(e) {
			var input = $(this);

			if(searchRequest !== false) {
				clearInterval(searchRequest);
			}

			searchRequest = setTimeout(function() {
				eventsApp.ajaxSearchHandler(input);
				searchRequest = false;
			}, reqDelay);

		});

Пробовал object-fit, но он не поддерживается в IE.

Хотелось бы услышать мнения по качесту работы(что упустил, где накосячил).

• Местами не хватает отклика от элементов на :hover и :focus
  
• Гамбургер (сама иконка) имеет фиксированное положение и при скролле наезжает на содержимое страницы - не очень круто
  
• Возникает стойкое желание увеличить шрифт и отступы (но это скорее придирка к дизайну)
  

<div class="wrapper">
  <div class="box"></div>
</div>

.wrapper {
  width: 100px;
  margin: 0 auto;
}

.box {
  background: goldenrod;
  margin-left: auto;
  margin-right: auto;
  padding-top: 50%;
  padding-bottom: 50%;
}