div.highlight.logo, #abc, #largertext {-webkit-text-stroke:unset;}
html {font-size:16px;}
#abc {background-color:rgba(255,215,0,0.75) !important; line-height:1 !important; font-size:0.75rem; color:black; padding:0px 1px 1px 1px;}
#zimage {height:10rem; min-height:1rem; max-height:10rem;}

@media (max-height: 414px) and (max-width:896px) and (orientation:landscape) {
div.highlight {zoom:1.5 !important;}
h2, a.c1, #love, #lnk, #lnk2, #dog {font-size:150% !important;}
h2, a.glass, nav, .bhalf, .button-grid, .buttons, .noted {font-size:120% !important; min-width:fit-content !important;}
#rrr {max-width:15rem !important; min-width:15rem !important; margin:0px auto !important;}
#zimage {height:auto; max-width:fit-content; margin:0px auto;}
}

@media (min-height: 852px) and (max-width:768px) and (orientation:portrait) {
#mytext {background-color:white; color:black; padding:1.75px; border:4px solid goldenrod; max-width:79vw; text-align:left; font-size:clamp(0.75rem,0.75vh + 0.51rem,1.75rem); font-family:Helvetica Neue; margin:2.25vh 1px 1px 1px;}
#texted2 {display:block !important;}
}

@media (min-width: 1000px) and (orientation:landscape) {
a.glass2 {margin:1rem 1.1rem 1rem 1rem;}
body {background:linear-gradient(45deg,#1a1a1a 0,#2d2d2d 25%,#1a1a1a 50%,#404040 75%,#1a1a1a 100%) !important; background-size:100% !important;}
nav.btt2, nav.btt4 {margin-top:-5px;}
nav.buttons.button-grid.btt2.noteded > a.glass {margin:1rem 1px 1rem 1rem;}
nav.buttons.button-grid.btt4.noteded > a.glass {margin:1rem 1rem 1rem 1px;}
#botmnav2 > a.glass.glass2 {margin:1rem 1.1rem 2.8rem 1rem !important;}
.content-wrapper {max-width:693px !important;}
.glass3, .glass4, .glass6, .glass7 {min-width:2.5rem !important;}
.glass6, .glass7 {margin-right:5px !important;}
}

@media (min-width:1000px) and (orientation:portrait) {
body, html {background:linear-gradient(45deg,#1a1a1a 0,#2d2d2d 25%,#1a1a1a 50%,#404040 75%,#1a1a1a 100%) !important; background-size:100% !important;}
}