Атланта

Это не финальный вариант, т.к. при приближении ломается. В общем требуется доработка.

https://jsfiddle.net/1efnaz06/

-----------------------------------------------------
Починила)
Как-то так я это представляю:
https://jsfiddle.net/1efnaz06/1/

В общем ошибка была глупой. Я записала свойство submitHandler в rules.
Исправленный код)

$('.js-form').each(function () {
        $(this).validate({
            rules: {
                email: {
                    required: true,
                    email: true
                },
                name: {
                    required: true,
                    minlength: 2
                },
                tel: {
                    required: true,
                    digits: true,
                    rangelength: [5, 11]
                }
            },
  ----->     submitHandler: function () {
                alert('почему он не срабатывает? и как отчистить поля)?');
                closeModal();

            }
        })
    })

1. Логотип должен быть ссылкой и вести на главную страницу.
2.

<label for="phone" class="window-form__label">Введите ваш номер телефона:</label>

у вас нет inputa c id="phone"
3. обычно такие картинки, как на кнопке "заказать звонок" это иконочный шрифт. Вы смотрели на сайтах fontello.com/, https://fontawesome.com/ и другие?
4. не забывайте проверять свой код на валидаторе: https://validator.w3.org/
5. мне кажется надо поставить

.header, .main
 min-width: 285px

на более меньшей ширине всё едет.
6. посмотрите скрин, коробки закрывают input
7. не реализован :active для кнопок
8. мнение одного преподавателя верстки, что писать "@media (max-width: 1200px)" не очень хорошая идея и следует указывать и тип устройства, т.е. так "@media screen and (max-width: 1200px)"