/* Файл с изменениями в подвале сайта */

footer{ /* Стили, приминимые к элементу footer */
    display: flex; /* Является flex-контейнером */
    align-items: flex-end; /* Выравнивание элементов по нижнему краю контейнера */
    justify-content: center; /* Центрирует элементы вдоль главной оси */
    background: #037e9a; /* Изменение цвета задника */
    background: linear-gradient(to bottom,#c1d9f9, #037e9a); /* Устанавливает градиент сверху вниз */
}

.footer{ /* Стили, приминимые к классу footer */
    width: 80%; /* Устанавливает ширину 80% для удобства воспиятия контента */
    max-width: 1280px; /* Устанавливает максимальную ширину */
    padding-bottom: 50px; /* Устанавливает внутренний отступ снизу */
}

.text_footer{ /* Стили, приминимые к классу footer */
    font-size: 24px; /* Устанавливает размер шрифта */
    padding: 5px 0; /* Устанавливает внутренние отступы сверху и снизу */
    color: #5a89b9; /* Изменение цвета текста */
}

.contacts_and_map{ /* Стили, приминимые к классу contacts_and_map */
    display: flex; /* Является flex-контейнером */
    justify-content: space-evenly; /* Распределяет элементы по ширине, с одинаковым пространством между ними */

}

.contacts table td{ /* Стили, приминимые к классу contacts table td */
    text-align: start; /* Устанавливает расположение текста с начала контейнера */
    width: 170px; /* Устанавливает ширину контейнера */
}

.contacts table p{ /* Стили, приминимые к классу contacts table p */
    padding: 20px 0; /* Устанавливает внутренние отступы сверху и снизу */
}

footer i{ /* Стили, приминимые к классу footer i */
    font-size: 30px; /* Устанавливает размер шрифта */
    color: #0a1c34; /* Изменение цвет текста */
    padding: 20px 0; /* Устанавливает внутренние отступы сверху и снизу */
}

@media(max-width: 1300px){

    .contacts_and_map{ /* Стили, приминимые к классу contacts_and_map */
        flex-direction: column;
        align-items: center;
    
    }

}

@media(max-width: 700px){

    .contacts_and_map{ /* Стили, приминимые к классу contacts_and_map */
        flex-direction: column;
        align-items: center;
    
    }

    .iframe_map{
        width: 100%;
    }
}

iframe {
    border-radius: 1px;
    box-shadow: 0px 5px 5px 5px #0000009c;
}