Денис Богданов

Вам скорее всего нужно использовать слушатель на событие change на элементе select. B обработчике события получать value
Что-то типа этого:

const select = document.getElementById("select");

select.addEventListener("change", function(e) {
	console.log("value", e.target.value);
});

Нужно добавить -webkit-overflow-scrolling: touch для данного модального окна

.scroll {
  overflow-y: scroll
  -webkit-overflow-scrolling: touch
}

В самом js тоже не совсем удобно будет в последствии добавлять все. Но возможно. Поэтому проще будет использовать какой либо шаблонизатор типа jade.

Такое ощущение складывается, что футер верстал другой человек, т.к. все вроде по БЭМ, а футер какое то недоБЭМ, элементы в элементе элемента какие то. Как то так.

Повернуть блоки текста в другую сторону, тоже с помощью transform

Так сделать нельзя. Решайте эту задачу другим способом.

Для того, чтобы обеспечить то, чтобы при ведении по блоку 2 он не исчезал, нужно в html блок 2 разместить внутри блока 1.