a.glass2 {margin:1rem; width:20em;}
a.glass3 {float:right; height:10em; margin:1rem;}
a.glass4 {float:right; height:10em; margin:1rem;}
a.glass6 {float:left; height:10em; margin:1rem;}
a.glass7 {float:left; height:10em; margin:1rem;}
body {background-position-x:50%; background-position-y:50%; min-height:fit-content; background-size:45%, auto; background-size:520px;}
body, html {background:none, linear-gradient(45deg,#1a1a1a 0,#2d2d2d 25%,#1a1a1a 50%,#404040 75%,#1a1a1a 100%); background-repeat:no-repeat, repeat; background-position:center; background-size:50%, auto; background-origin:padding-box; background-position-x:50%; background-position-y:30%;}
div.highlight.logo.padded-box {font-weight:700; color:rgba(255,255,255,.9); text-shadow:0 2px 5px rgba(0, 0, 0, .7); background:rgba(0, 0, 0, .9); border-radius:1px;}
footer {max-width:fit-content; max-width:max-content; position:absolute; bottom:1px; min-width:100%; left:1px;}
html:root {zoom:1;}
html body {background-position-x:50%; background-position-y:50%; min-height:fit-content; background-size:45%, auto; background-size:520px;}
html body, html:root {background:none, linear-gradient(45deg,#1a1a1a 0,#2d2d2d 25%,#1a1a1a 50%,#404040 75%,#1a1a1a 100%); background-repeat:no-repeat, repeat; background-position:center; background-size:50%, auto; background-origin:padding-box; background-position-x:50%; background-position-y:30%;}
main.container {padding-top:1px;}
nav.btt {display:grid; margin:0 auto;}
nav.btt.btt {display:grid; margin:0 auto; display:-webkit-box; max-width:100vw;}
nav.btt2 {display:block; float:right; margin-top:-.5rem;}
nav.btt2, nav.btt4 {margin-top:-2.2rem; margin-top:-9px; margin-top:1px;}
nav.btt4 {display:block; float:left; margin-top:-.5rem;}
nav.noted {display:none;}
.button-grid {display:flex;}
.center-container {height:100%; display:flex; justify-content:center; align-items:center;}
.content-wrapper {max-width:1000px;}
.hero img {display:none !important;}
.navigation-wrapper {padding:1px; margin-bottom:1px; width:100%; max-width:100%; flex-direction:column; align-items:center; gap:.5rem; margin-top:1rem; margin:1rem auto;}

@media (min-height:595px) and (max-height:2000px) {
#rrr {display:none;}
}

@media (min-height:700px) and (max-height:1000px) and (orientation:landscape) {
html {left:unset; margin:auto; position:relative; top:unset; transform-origin:unset; transform:none; translate:unset;}
html:root {left:unset; margin:auto; position:relative; top:unset; transform-origin:unset; transform:none; translate:unset;}
#rrr {display:none;}
}

@media (min-height:1079px) and (orientation:landscape) {
html {left:unset; margin:auto; position:relative; top:unset; transform-origin:unset; transform:none; translate:unset; zoom:1.75;}
html:root {left:unset; margin:auto; position:relative; top:unset; transform-origin:unset; transform:none; translate:unset; zoom:1.75;}
#rrr {display:none;}
}

@media (min-height: 1079px) and (orientation:landscape) {
html:root {zoom:1.76;}
}

@media (min-width:1900px) and (orientation:landscape) {
body {min-height:75vh; min-width:99vw;}
html {zoom:1; overflow:hidden; height:auto; width:fit-content; max-height:100vh;}
html:root {zoom:1; overflow:hidden; width:fit-content; max-height:100vh;}
}

@media (min-width: 1900px) and (orientation:landscape) {
body {min-width:57vw; width:99%; min-width:100%; min-height:100vh; max-width:100%; max-height:100%;}
html {width:100%;}
html:root {width:100%;}
}

@media (min-width:2400px) and (min-height:1100px) and (orientation:landscape) {
html {zoom:2.1 !important;}
html:root {zoom: 2.1 !important;}
}