@media only screen and (max-width:1100px) { #nav__left a, #nav__right a { padding:30px 26px; } }
@media only screen and (max-width:930px) { #nav__left a, #nav__right a { display:none; } #logo { top:-57px; width:400px; } nav { height:82px; } #header__content { margin-top:80px; } h2 { font-size:52px; } }
@media only screen and (max-width:569px) { #header__topbar .topbar-right { display:none; } h1 { letter-spacing:.25em; } h2 { font-size:38px; } #header__content #buttons { display:block; } .section { padding:42px 18px; } .security { margin:0 0 16px; } }
@media (max-width:1110px) { .open-button { display:contents !important; } .open-button img { position:absolute; top:0; padding:10px; z-index:999; filter:drop-shadow(0 0 10px rgba(192,140,255,.8)); } }
.mobile-menu-content { position:fixed; background:linear-gradient(180deg, rgba(18,12,31,.98), rgba(5,4,10,.98)); width:70%; height:100%; z-index:999; padding-top:18%; border-right:1px solid rgba(192,140,255,.28); box-shadow:16px 0 60px rgba(0,0,0,.55); }
.mobile-menu-content li { text-transform:uppercase; font-weight:800; font-size:5vw; line-height:12vw; }
.mobile-menu-content li a { color:#fff; }
.mobile-menu-content li a:hover { color:#c08cff; }
.close-button { position:fixed; top:15px; left:15px; z-index:9999; font-size:6vw; color:#e8bf73; }
.close-button:hover { cursor:pointer; }
.mobile-menu ul { list-style:none; }