aloky

position: absolute;

fancybox.net

transition: all 1s;

не легче использовать bootstrap?

z-index можно ещё)

<div class="container">
  <div class="row justify-content-between">
    <div class="col-md-auto"></div>
    <div class="col-md-auto"></div>
    <div class="col-md-auto"></div>
  </div>
</div>

1 - Там меняется только bg-img

postition: relative; right: 15px;

В гугл вбей) transform generator online

white-space: nowrap;

можно transform, но легче было бы вам помочь, если вы кинули код

Пример - https://static.hltv.org/images/team/logo/6667

svg иконки используйте.

document.querySelector('.btn-b').addEventListener("click", function(){location.href='file.xlsx'})

И почему вы кнопку создаете div =(

<div class="btn-b" data-fancybox data-animation-duration="700" data-src="#Modal" href="javascript:;">Открыть</div>
<script>
document.querySelector('.btn-b').addEventListener("click", function(){location.href='file.xlsx'})
</script>

.menu { height: 100vh; }
И было бы легче вам помочь, если вы предоставили код.
И пример тут на глазах у тебя даже dl4.joxi.net/drive/2018/02/16/0022/1330/1500466/66...

Примерно так) только надо до конца довести дело))) https://codepen.io/aloky/pen/ddZdZR

https://jsfiddle.net/ayeqrb1e/2/