.content__img-wrap {position: absolute;top: 0!important;left: 0;}
.content__text {
    opacity: 0.569;
    width: 100vw;
    max-width: 100%;
    box-sizing: border-box;
    padding: 6px;
}
/*
.content__text { font-family: 'saira'; position: relative; z-index: -2; grid-area: title; text-transform: uppercase; font-size: 4vw; margin: 0; display: flex; flex-direction: column; font-weight: 400; line-height: 0.8; font-family: 'saira'; height: 90vw; display: inline-flex; padding: 0; box-sizing: border-box; padding: 0 20px; width: 100vw;}
*/
.intro .content__img-wrap {left: 0px!important; position: relative;top: 0!important;}


    @media only screen and (max-width: 575.98px) {

    .content__img--1 {width: 100vw;}
    
            .nav-trigger, .close-trigger { position: absolute; width: 42px; height: 42px; top: 0; left: 0px; cursor: pointer; z-index: 333; transform: scale(0.5);}
    .close-trigger { z-index: 5;}
	.nav-trigger:hover .nav-trigger-bar:before, .close-trigger:hover .nav-trigger-bar:before { width: 100%;}
	.nav-trigger:hover .nav-trigger-bar:before, .close-trigger:hover .nav-trigger-bar:before { width: 100%;}
	.nav-trigger-bar { display: block; width: 100%; height: 4px; margin-bottom: 6px; position: relative; transform: rotate(-45deg);}
	.nav-trigger-bar:before { content: ""; position: absolute; top: 0; left: 0; display: block; width: 0%; height: 100%; background-color: rgba(100, 0, 0, 0.2); transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);}
	.nav-trigger-bar.up { width: 50%;}
	.nav-trigger-bar.middle:before { left: auto; right: 0;}
	.nav-trigger-bar.bottom { width: 50%; margin-left: 50%;}
	.close-trigger-bar { display: block; width: 100%; height: 4px; background-color: #222; position: relative;}
	.close-trigger-bar::before { content: ""; position: absolute; top: 0; left: 0; display: block; width: 0; height: 100%; background-color: rgba(255, 255, 255, 0.2); transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);}
	.close-trigger-bar.left { transform: translate(100px, -100px) rotate(-45deg);}
	.close-trigger-bar.right { transform: translate(-100px, -100px) rotate(45deg);}
  .logogb { transition: .4s all ease; width: 100%; height: 414px; display: block; position: fixed; background-size: 100%; background-repeat: no-repeat; background-position: center top; top: -133px; z-index: 10000000000000; margin: 0 auto; transform: scale(0.5) rotate(2deg);}
  	.logo span { display: block; text-align: center; line-height: 63px; font-size: 72px; color: #fff;}
	.logo-title { position: absolute; top: 8px; left: 0px; width: 100%; height: 100%; color: #222; font-size: 13px; font-weight: bold;}
	.logo-badge { position: absolute; display: block; width: 24px; height: 24px; top: 2px; background-color: #6295ca; right: -6px; font-size: 12px; line-height: 2; text-align: center; border-radius: 100%;}
	.inner-container, .menu-container { position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
	.inner-container { z-index: 20;}
	.menu-container { display: flex; align-items: center;}
	.menu li { text-align: left; display: block; padding: 15px 0;}
	.menu li a:hover:before { opacity: 1; transform: translateX(0);}
	.menu li a::before { content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 18px; height: 4px; background-color: #222; transform: translateX(100px); opacity: 0; transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);}
	.menu-bg { position: absolute; display: block; width: 200%; height: 40%; left: -53%; top: -25%;}
	.menu-bg.up { left: -34%; top: 0; transform: rotate(-45deg) translateY(-152%);}
	.menu-bg.middle { top: 29%; left: -53%; transform: rotate(-45deg) scaleY(0);}
	.menu-bg.bottom { left: -20%; top: 105%; transform: rotate(-45deg) translateY(25%);}

  .container-nav { width: 100%; max-width: 50px; min-height: 30px; margin: 0 auto; border-radius: 8px; overflow: hidden;  transform: scale(130%,120%); position: fixed; top: 12px; left:12px; z-index: 100000000; right: auto;}

  .nav-big {     box-shadow: 0 120px 130px black;width: 100%; max-width: 320px; min-height: 568px; margin: 0 auto; border-radius: 8px; overflow: hidden; z-index: 100000000; left: 52px; top: 66px; transform: scale(130%,120%);}
  .menu li a { text-decoration: none; color: #fff; display: inline-block; padding: 10px; position: relative; font-family: 'Saira'; font-weight: 700; text-transform: uppercase; font-size: 5vw; font-style: italic; width: 100%; box-sizing: border-box; text-align: center;}

.menu { display: block; width: 100%; padding: 0; box-sizing: border-box; margin: 0;}

.close-trigger-bar { display: block; width: 100%; height: 4px; background-color: #ff023d; position: relative;}
.close-trigger-bar.right { left: -2px; top: -2px;}

.menu-bg.up {  border: 3px solid rgb(255, 0, 90); box-shadow: rgba(255, 0, 118, 0.58) -10px -8px 40px inset; background: linear-gradient(186.33deg, rgb(0, 0, 0) -10.79%, rgb(27, 34, 37) 40.44%, rgb(10, 20, 24) 68.93%, rgb(41, 46, 47) 100%) rgb(255, 255, 255);}
.menu-bg.middle {    backdrop-filter: blur(11px); box-shadow: rgba(255, 0, 118, 0.58) 0px -8px 40px inset; background-image: linear-gradient(0deg, rgb(96, 104, 106) -57.24%, rgb(0, 0, 0) 8.9%, rgba(255, 255, 255, 0.725) 10.57%, rgba(133, 133, 133, 0.376) 92.29%, rgba(216, 232, 237, 0.41) 93.27%, rgba(53, 60, 63, 0.38) 98.41%, rgba(82, 96, 101, 0.333) 115.66%, rgba(66, 77, 81, 0.357) 116.88%, rgba(0, 0, 0, 0) 171.68%) !important;  border-bottom: 3px solid rgb(255 0 90 / 71%);}
.menu-bg.bottom { background: linear-gradient(176.33deg, rgb(19, 21, 21) 2.21%, rgb(24, 28, 29) 40.44%, rgb(27, 32, 34) 40.82%, rgb(11, 12, 13) 92.39%, rgb(7, 8, 9) 38.93%, rgb(3, 3, 3) 100%) rgb(0, 0, 0);}


.menu li a:hover:before {filter:blur(0px); opacity: 1; transform: translate(75px, -10px) rotate(176deg); width: 40%; height: 30px; z-index: -50; left: 18px; margin: 0 auto; background: rgb(207 38 95); filter: drop-shadow(-7px -6px 8px black);}
.menu li a:hover  { transform: translate(81px, -18px) rotate(176deg) scale(1.2); }
.menu li a { filter: blur(100px); transform: scale(1); transition: .4s all ease;}
.menu li a:before {filter:blur(10px)}
.menu li a:hover { transform: translate(1px, -18px) rotate(-366deg) scale(1.5);}
@keyframes unblur {
	from { filter:blur(100px)}
	to { filter:blur(0px) }
}
@keyframes blur {
  from{ filter:blur(0px) }
  to  { filter:blur(100px)}
  
}
.unblur {animation: unblur 1.5s normal forwards cubic-bezier(.24,.21,.23,.87);  }
.blur {animation: blur 1.5s normal forwards cubic-bezier(.24,.21,.23,.87);  }

.nav-big .menu li:nth-child(1) a {opacity:1; animation-delay: 3.2s;}
.nav-big .menu li:nth-child(2) a {opacity:1; animation-delay: 3.6s;}
.nav-big .menu li:nth-child(3) a {opacity:1; animation-delay: 4s;}
.nav-big .menu li:nth-child(4) a {opacity:1; animation-delay: 4.4s;}
.nav-big .menu li:nth-child(5) a {opacity:1; animation-delay: 4.8s;}
.nav-big .menu li:nth-child(6) a {opacity:1; animation-delay: 5.2s;}
.navbar { position: absolute; top: 0; left: 0; z-index: 10; padding: 0; margin: 0; display: table; height: 100%; width: 100%;}
.navbar .menu { max-width: 70vw; height: 70%; margin: 0 auto; padding: 0; display: block; color: #fff; position: relative; z-index: 10000; left: 0px; top:10vw;}


.tiles { pointer-events: none; transform: scale(2.5)!important; height: 570px!important;}

[data-scroll-container] { opacity: 1; pointer-events: all; max-width: 100vw; width: 100vw; position: absolute; z-index: 1000000; overflow: hidden; border-top: 12px #06090a solid; margin: 0; top: 80%; height: 510px!important;}
[data-scroll-container]:before { transition: .4s all ease; content: ''; width: 100vw!important; height: 200px!important; display: table; position: absolute; z-index: 100000000000000; pointer-events: none; top: -9px!important; box-shadow: inset 0px 81px 50px #06090a; background: transparent!important;}
[data-scroll-container]:after { transition: .4s all ease; content: ''; width: 100vw!important; height: 100%!important; display: table; position: absolute; z-index: 100000000000000; pointer-events: none; bottom: -11px; box-shadow: inset 0px -69px 60px #06090a; background: transparent!important;}


.col-4 { flex: 0 0 49.333333%; max-width: 49.333333%;}


}

@media (min-width: 575.98px) {
  .container-nav {display: none;}
  }