@media (min-width:999px) {
body, html {background:url(../img/iart2.webp), 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%;}}

@media (min-width:1000px) {
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;}
footer {max-width:fit-content;}
main.container {padding-top:1px;}
nav.btt {display:grid; margin:0 auto;}
nav.btt2 {display:block; float:right; margin-top:-.5rem;}
nav.btt4 {display:block; float:left; margin-top:-.5rem;}
nav.noted {display:none;}
.button-grid {display:flex;}
.content-wrapper {max-width:1000px;}
.navigation-wrapper {padding:1px; margin-bottom:1px; width:100%; max-width:100%; flex-direction:column; align-items:center; gap:.5rem;}}

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

@media (min-width:1000px) and (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; zoom:1.25;}
#rrr {display:none;}}

@media (min-width:1000px) and (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;}
#rrr {display:none;}}

@media (min-width:1000px) and (orientation:landscape) {
body {background-position-x:50%; background-position-y:50%; min-height:fit-content; background-size:45%, auto; background-size:520px;}
nav.btt2, nav.btt4 {margin-top:-2.2rem;}
.center-container {height:100%;}
.navigation-wrapper {margin-top:1rem;}}

@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;}}

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

@media (min-width: 1900px) and (orientation:landscape) {
body {min-width:57vw; width:99%;}}

@media (min-width: 1000px) and (orientation:landscape) {
nav.btt2, nav.btt4 {margin-top:-9px;}}

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

@media (min-width:999px) {
html body, html:root {background:url(../img/iart2.webp), 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%;}}

@media (min-width:1000px) {
nav.btt.btt {display:grid; margin:0 auto;}}

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

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

@media (min-width:1000px) and (orientation:landscape) {
html body {background-position-x:50%; background-position-y:50%; min-height:fit-content; background-size:45%, auto; background-size:520px;}}

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

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

@media (min-width: 1900px) and (orientation:landscape) {
html:root {width:100%;}}

@media (min-width: 1000px) and (orientation:landscape) {
html:root {zoom:1.25;}}

@media (min-width: 1000px) and (orientation:landscape) {
body {background-size:520px, 100% !important;}}

@media (min-width: 1000px) {
.center-container {height:100%;}
.content-wrapper {max-width:1000px;}}

@media (min-width:1000px) {
footer {max-width:max-content; position:absolute; bottom:1px; min-width:100%; left:1px;}}

@media (min-width:1000px) {
nav.btt.btt {display:-webkit-box; max-width:100vw;}}

@media (min-width:1000px) and (orientation:landscape) {
.navigation-wrapper {margin:1rem auto;}}

@media (min-width: 1000px) and (orientation:landscape) {
nav.btt2, nav.btt4 {margin-top:1px;}}

@media (min-width:1000px) and (orientation:landscape) {.hero img {display: none!important;}}

@media (min-width:1000px) and (orientation:landscape) {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;}}

@media (min-width: 1000px) {.center-container {display: flex;justify-content: center;align-items: center;}}

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