BeckM

<a href="map.html" class="button contacts-button-map">КАК ПРОЕХАТЬ</a> <!-- Кнопка 1 -->
<a href="map.html" class="contacts-button-map" >КАК НАС НАЙТИ?</a> <!-- Кнопка 2 -->

var linkmap = document.querySelectorAll(".contacts-button-map");
linkmap.forEach(function (entry) {
	entry.addEventListener("click", function (event){
		event.preventDefault();
		popupmap.classList.add("modal-show");
	});
});

var isMobile = {
    Android:        function() { return navigator.userAgent.match(/Android/i) ? true : false; },
    BlackBerry:     function() { return navigator.userAgent.match(/BlackBerry/i) ? true : false; },
    iOS:            function() { return navigator.userAgent.match(/iPhone|iPad|iPod/i) ? true : false; },
    Windows:        function() { return navigator.userAgent.match(/IEMobile/i) ? true : false; },
    any:            function() { return (isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Windows());  }
};
	
if ( !isMobile.any() ) {
    // Код не для телефонов
}

$(document).ready(function() {
  $('.col').on('click', function() {
    $('.col').removeClass('change-color');
  	$(this).addClass('change-color');
  });
});