@media only screen and (max-width:1150px){header #btn-menu{z-index:999;width:25px;height:25px;padding:0;border:0;background-color:transparent;display:flex;gap:8px;flex-direction:column;justify-content:center;align-items:center;position:relative}header #btn-menu span,header #btn-menu:before,header #btn-menu:after{content:'';width:100%;height:2px;background-color:var(--primary);transition:all .28s ease;position:absolute;left:0}header #btn-menu span,header #btn-menu:before,header #btn-menu:after{background-color:var(--primary)}header #btn-menu:before{top:5px}header #btn-menu:after{bottom:5px}header.open #btn-menu span{opacity:0}header.open #btn-menu:before{transform:rotate(45deg);top:50%}header.open #btn-menu:after{transform:rotate(-45deg);top:50%}header nav.menu{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fff;width:100%;position:absolute;right:-100%;top:0;padding:50px;gap:50px;height:100vh;transition:all .28s ease;z-index:9}header.open nav.menu{right:0;gap:40px}header .btn.btn-primary{display:flex !important;justify-content:center;position:fixed;bottom:0;z-index:99;left:-100%;border-radius:0;width:100%;padding:15px;transition:all .28s ease}header.open .btn.btn-primary{left:0}}