archelon

<video id="myVideo" src="" muted playsinline autoplay loop poster="/media/poster.jpg"></video>

document.addEventListener('DOMContentLoaded', function () {
  const myVideo = document.getElementById('myVideo'); 

  if (myVideo) {
    setMyVideoSource();
  }

  function setMyVideoSource() {
    if (window.innerHeight < window.innerWidth) {
      myVideo.setAttribute('src', '/media/video-desktop.mp4');
      myVideo.load();
      myVideo.play();
    } else if (window.innerHeight > window.innerWidth) {
      myVideo.setAttribute('src', '/media/video-mobile.mp4');
      myVideo.load();
      myVideo.play();
    }
  }
});

else if (window.innerWidth > 640 && window.innerHeight > window.innerWidth) 
else if (window.innerWidth < 641 && window.innerHeight > window.innerWidth)

.header-link {
display: flex; /*или inline-flex*/
align-items:center;
}
.header-link img {
flex-shrink: 0;
margin-right: .5em;
}

.map {
  width: 484px;
  height: 200px;
}

body{
    font-family: 'Jura', sans-serif;

    font-family: 'Chakra Petch', sans-serif;
}