/* CSS Document */ img{max-width: 100%; height: auto;} body { width: 100%; height: 100%; background-image:url(../images/BG-bod1-74XL.webp);background-repeat: repeat; /*background: transparent;*/ position:relative; font-size: 1em; } h1 {font-family: 'Montserrat', sans-serif;font-weight: normal;text-transform: uppercase;line-height: 1.5;font-size: 215%;margin: 0 0 0 0;} h2 {font-family: 'Syncopate', sans-serif;font-weight: 700;font-size: 155%;line-height: 1.5;text-transform: uppercase;letter-spacing: -1px;margin: 0 0 0 0;} p {font-family: 'Montserrat', sans-serif;font-size: 140%;line-height: 1.5;margin: 0 0 .75em 0;} #suchAnd {font-family: 'Montserrat', sans-serif;font-size: .85em;line-height: auto;margin: 0 0 .55em 0;} @media (max-width:780px) { h1 {line-height: 1.5;font-size: 150%;} h2 {font-weight: 700;font-size: 125%;line-height: 1.5;} p {font-family: 'Montserrat', sans-serif;font-size: 100%;line-height: 1.5;} } #container { margin-bottom: 4em; width: 100%; height: auto; position:relative; } .homer {text-decoration: none; } #moniker, #greeting, #headyHead, #headyFoot {margin: 0;} #moniker {padding-top: 8px;text-shadow: 2px 2px black;} #picAbout {font-family: 'Questrial'; text-shadow: 2px 2px black;margin: 1%;padding: 1%;} #greeting {text-shadow: 1px 1px black;padding: 1%;} #gigger {line-height: 3;margin-bottom: 0;} .talkAbout {font-size: 1.2em;} .talkAbout2 {font-size: 1.3em;} .links {font-size: 1em;} @media (max-width:420px) { .links {font-size: 1.25em; margin-top: 1em;}} @media (min-width:1920px) { .links {font-size: 1.5em;}} .spacerH {width: 8%;} #lynks {margin-left: 0;} #lynks, #lynks2, #lynks3 {list-style: none;line-height: 2;text-shadow: 1px 1px black; width: 33%;} #lynks li, #lynks2 li, #lynks3 li {list-style: none;line-height: 2;text-shadow: 1px 1px black;} #lynks a, #lynks2 a, #lynks3 a {text-decoration:none;} @media screen and (max-width:420px) {.smallLinks {padding: 0;}} @media (max-width:768px) {.spacerH {width: 0%;} #lynks, #lynks2, #lynks3 {width: 33%;} #lynks, #lynks2, #lynks3 {margin: 0;} #lynks ul, #lynks2 ul, #lynks3 ul {margin: 0; padding-inline-start:20px;}} @media (max-width:420px) { #lynks, #lynks2, #lynks3 {width: 100%;} #lynks2, #lynks3 {margin: 0;} #lynks ul, #lynks2 ul, #lynks3 ul {margin: 0; padding-inline-start:20px;} #lynks {margin: 1em 0 0;}} @media (max-width:780px){#talkAbout { text-shadow: 1px 1px black; position:relative; margin: 1%;padding: 1%;}} @media (max-width:780px){talkAbout2 { text-shadow: 1px 1px black; position:relative; margin: 1%;padding: 1%;}} .closer {margin: 0;} .closer a{text-decoration: none; margin: 0;} .closer a:hover {text-decoration: underline; margin: 0;} .transBox {background-color: transparent;background:transparent; height: 1px; } .trans2Box {background-color: transparent;background:transparent; width: 100%; height: 1px; } .parallBeam {background-image: url("../images/HomePage-L1024.webp");/* Full height */height: 575px; /* Create the parallax scrolling effect */background-attachment: fixed;background-position: center;background-repeat: repeat;background-size: cover;} .parallBeam#shortPar {background-image: url("../images/HomePage-L1024.webp");height: 375px; background-attachment: fixed;background-position: center;background-repeat: repeat;background-size: cover;} .parallBeam1 {background-image: url("../images/Home-BG-L1024.webp");height: 122px; background-attachment: fixed;background-position: center;background-repeat: repeat;background-size: cover;} .parall2Beam {background-image: url("../images/WaterBeams-L1024.webp");height: 574px; background-attachment: fixed;background-position: center;background-repeat: repeat;background-size: cover;} .parall3Beam {background-image: url("../images/MonumentBeams-sq1366.webp");height: 768px; background-attachment: fixed;background-position: center;background-repeat: repeat;background-size: cover;} .parall4Beam {background-image: url("../images/Beams-SC-M768.webp");height:768px; background-attachment: fixed;background-position: center;background-repeat: repeat;background-size: cover;} /*@media only screen and (min-device-width:1920px) { body {font-size:16px;} .parallBeam {background-image: url("../images/HomePage-XXL1920.webp");width:100%;height:760px;} .parallBeam1 {background-image: url("../images/HomePage-XXL1920.webp");width:100%;height: 240px;} .parallBeam#shortPar {background-image: url("..images/HomePage-XXL1920.webp");width:100%;height: 640px;} .parall2Beam {background-image: url("../images/WaterBeams-XXL1920.webp");width:100%;height:766px;} .parall3Beam {background-image: url("../images/MonumentBeams-XXL1920.webp");width:100%;height: Auto;} } @media only screen and (max-device-width:1919px) and (min-device-width:1366px) { body {font-size:16px;} .parallBeam {background-image: url("../images/HomePage-XL1366.webp");width:100%;height: 760px;} .parallBeam1 {background-image: url("../images/HomePage-XL1366.webp");width:100%;height: 240px;} .parallBeam#shortPar {background-image: url("..images/HomePage-XL1366.webp");width:100%;height: 640px;} .parall2Beam {background-image: url("../images/WaterBeams-XL1366.webp");width:100%;height: 766px;} .parall3Beam {background-image: url("../images/MonumentBeams-L1024.webp");width:100%;height: Auto;} } @media only screen and (max-device-width:1365px) and (min-device-width: 1024px){ body {font-size:16px;} .parallBeam {background-image: url("../images/HomePage-L1024.webp");width:100%;height: 324px;} .parallBeam1 {background-image: url("../images/HomePage-L1024.webp");width:100%;height: 69px;} .parallBeam#shortPar {background-image: url("../images/HomePage-L1024.webp");width:100%;height: 212px;} .parall2Beam {background-image: url("../images/WaterBeams-L1024.webp");width:100%;height: 394px;} .parall3Beam {background-image: url("../images/MonumentBeams-M768sq.webp");width:100%;height: 432px;} } @media only screen and (max-device-width:1023px) and (min-device-width: 768px){ body {font-size:16px;} .parallBeam {background-image: url("../images/HomePage-M768.webp");width:100%;height: 324px;} .parallBeam1 {background-image: url("../images/HomePage-M768.webp");width:100%;height: 69px;} .parallBeam#shortPar {background-image: url("../images/HomePage-M768.webp");width:100%;height: 212px;} .parall2Beam {background-image: url("../images/WaterBeams-M768.webp");width:100%;height: 394px;} .parall3Beam {background-image: url("../images/MonumentBeams-M640sq.webp");width:100%;height: 432px;} } @media only screen and (max-device-width:767px) and (min-device-width: 640px){ body {font-size:14px;} .parallBeam {background-image: url("../images/HomePage-M640.webp");width:100%;height: 281px;background-repeat:no-repeat;background-size: contain;} .parallBeam1 {background-image: url("../images/HomePage-M640.webp");width:100%;height: 55px;background-repeat:no-repeat;background-size: contain;} .parallBeam#shortPar {background-image: url("../images/HomePage-M640.webp");width:100%;height: 375px;} .parall2Beam {background-image: url("../images/WWaterBeams-M640.webp");width:100%;height: 342px;background-repeat:no-repeat;background-size: contain;} .parall3Beam {background: transparent;width:100%;height: 375px;background-repeat:no-repeat;background-size: contain;} } @media only screen and (max-device-width: 639px) and (min-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) { body {font-size:14px;} .parallBeam {background-image: url("../images/HomePage-S480.webp");width:100%;height: 178px;} .parallBeam1 {background-image: url("../images/HomePage-S480.webp");width:100%;height: 38px;} .parallBeam#shortPar {background-image: url("../images/HomePage-S480.webp");width:100%;height: 116px;} .parall2Beam {background-image: url("../images/WaterBeams-S480.webp");width:100%;height:216px;} .parall3Beam {background-image: url("../images/MonumentBeams-S480.webp");width:100%;height: 237px;} } @media only screen and (max-width:479px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait){ body {font-size:14px;} .parallBeam {background-image: url("../images/HomePage-S320.webp");width:100%;height: 158px;} .parallBeam1 {background-image: url("../images/HomePage-S320.webp");width:100%;height: 34px;} .parallBeam#shortPar {background-image: url("../images/HomePage-S320.webp");width:100%;height: 104px;} .parall2Beam {background-image: url("../images/WaterBeams-S320.webp");width:100%;height: 193px;} .parall3Beam {background-image: url("../images/MonumentBeams-S320.webp");width:100%;height: 568px;} } @media screen and (max-device-width:320px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) { body {font-size:14px;} .parallBeam {background-image: url("../images/HomePage-S320.webp");width:100%;height: 158px;} .parallBeam1 {background-image: url("../images/HomePage-S320.webp");width:100%;height: 34px;} .parallBeam#shortPar {background-image: url("../images/HomePage-S320.webp");width:100%;height: 104px;} .parall2Beam {background-image: url("../images/WaterBeams-S320.webp");width:100%;height: 193px;} .parall3Beam {background-image: url("../images/MonumentBeams-S320.webp");width:100%;height: 568px;} }*/ @media (min-width:1365px){body {font-size: 18px;}} @media (min-width:1920px){body {font-size: 24px;}} .km-hide{display:none!important}.km-show-block,.km-show{display:block!important}.km-show-inline-block{display:inline-block!important} @media screen and (max-device-width:420px){.km-hide-small-4{display:none!important}} @media screen and (max-device-width:667px){.km-hide-small{display:none!important}} @media screen and (max-device-width:736px) {.km-hide-small-7{display:none!important}} @media screen and (max-device-width:812px) {.km-hide-small-8{display:none!important}} @media screen and (max-device-width:992px) and (min-width:668px){.km-hide-medium{display:none!important}} @media screen and (max-device-width:992px) and (min-width:737px){.km-hide-medium-7{display:none!important}} @media screen and (max-device-width:992px) and (min-width:813px){.km-hide-medium-8{display:none!important}} @media screen and (min-device-width:993px) {.km-hide-large{display:none!important}} #beamNav { position: fixed;top: 0;transition: top 0.3s;} #imagine, #beamUp, #beamDown, #beamSee {background-color: cornflowerblue;color: #CF9F27;height: auto;} #beamAway {margin: 0; padding: 0;} @media (max-width:780px) {#imagine, #beamUp, #beamDown, #beamSee, #beamAway {height: auto;} } @media (max-width:780px) {#beamUp {max-width: auto;} } @media (max-width:420px) {#beamUp {max-width: auto;} } @media (max-width:360px) {#beamUp {max-width: auto;} } #beamGlide {margin-top: 5%;position: relative;} #contentIntro a, #progState {text-decoration: none;} #contentIntro {position: relative;} #beamAud2 {width: 20px; height: 28px; position: absolute top 20px;} #aboutPic {margin: 1em 0;} #siteseal, #mcAfeeseal { height: auto; width: auto;} #spaceHold1, #spaceHold2 {color: aqua; } #beamMover {position : absolute ;left : 21%;top : 61%;fill: yellow; stroke: #0657a9;width : 100%;height : 100%; } @media (max-device-width:780px) {#beamMover {position : absolute ;left : 10%;top : 30%;fill: yellow; stroke: transparent;width : 100%;height : 100%; }} @media (max-device-width:480px) {#beamMover {position : absolute ;left : 2%;top : 20%;fill: yellow; stroke: transparent;width : 100%;height : 100%; }} #beamText {font-size:1.5em; visibility:hidden} @media (max-width:780px) {#beamText {font-size:.75em;}} @media (max-width:480px) {#beamText {font-size:.5em;}} #vidBeam {opacity: 0; transition: opacity 15s; } #vidBeam.fade {opacity: 1;} #homeBeam {opacity: 0;transition: opacity 7s; } #homeBeam.fade {opacity: 1;} #audBeam {opacity: 0;transition: opacity 9s; } #audBeam.fade {opacity: 1;} #infoBeam {opacity: 0;transition: opacity 11s; } #infoBeam.fade {opacity: 1;} #contactBeam {opacity: 0;transition: opacity 18s; } #contactBeam.fade {opacity: 1;} #tester {width: 100%;height: auto;color: rgba(252,238,33,1.00);background-color: transparent;} .Beams-Audio{position : absolute ;left : 70.37%;top : 48.6%;fill: yellow; stroke: yellow;width : 4em;height : 4.5em; } .Beams-Video{position : absolute ;left : 17.5%;top : 66.5%;fill: yellow; stroke: yellow;width : 6em;height : 7em;} .Beams-Home{position : absolute ;left : 21.7%;top : 36.5%;fill: aqua; width : 3em;height : 3.5em; opacity: 0.88;opacity: 0.58;} .Beams-Info{position : absolute ;left : 31.86%;top : 28.77%;fill: aqua; stroke:aqua; width : 2.5em;height : 2.5em; opacity: 0.68;} .Beams-Contact{position : absolute ;left : 74.26%;top : 70%;fill: rgba(252,238,33,0.88); stroke:rgba(252,238,33,0.93); width : 11em;height : 11em; } .starry{width:300px; height:327.32px;margin-top: 2%; fill: #FF0; stroke: aqua;} /*.cls-1{fill:#ff0;} .cls-1{stroke:orange;stroke-miterlimit:10;}*/ #introState {font-size: .98em;} #vidState, #vidTalk {font-size: 1.5em; /*-webkit-margin-before: 0px; -webkit-margin-after: 0px; -webkit-margin-start: 0px; -webkit-margin-end: 0px;*/} @media (max-width:780px) { #vidState, #vidTalk {font-size: 1.25em;}} @media (max-width:460px) { #introState, #vidState, #vidTalk {font-size: 1em;}} @media (max-width:460px) {#progState h1 {font-size: .75em;}} #homeButton a, #audButton a {width: 100%; height: 100%;} #home {position: relative;} #mySidebar {height: auto;} #mySidebar .side-a {position: relative;padding-left: 0; padding-right: 0;} #mySidebar .side-f {position: relative; width: 100%;} #mySidebar .side-in {width: 100%; text-align: left; padding-left: 1.5em; border:none;cursor: pointer;} @media (max-width:460px) {#mySidebar {height: 100%; width:100%;}} .w3-container .km-overlay { position: absolute;top: 70%;left: 50%;cursor: pointer;border-radius: 5px;text-align: center;} .w3-container .km-overlay2 { position: absolute;top: 80%;left: 50%;cursor: pointer;border-radius: 5px;text-align: center;} .w3-container .km-overlay3 { position: absolute;top: 90%;left: 50%;cursor: pointer;border-radius: 5px;text-align: center;} #moreVids{cursor: pointer;} .w3-theme-l5 {color:#061387 !important; background-color:#f0f7fe !important} .w3-theme-l4 {color:#061387 !important; background-color:#cde5fd !important} .w3-theme-l3 {color:#061387 !important; background-color:#9bcbfb !important} .w3-theme-l6{color:#061387 !important; background-color:#68b1fa !important} .w3-theme-l2 {color:#fff !important; background-color:#68b1fa !important} .w3-theme-l1 {color:#fff !important; background-color:#3697f8 !important} .w3-theme-d1 {color:#fff !important; background-color:#0870d9 !important} .w3-theme-d2 {color:#fff !important; background-color:#0764c1 !important} .w3-theme-d3 {color:#fff !important; background-color:#0657a9 !important} .w3-theme-d4 {color:#fff !important; background-color:#054b91 !important} .w3-theme-d5 {color:#fff !important; background-color:#043e79 !important} .w3-theme-d6 {color:aqua !important; background-color:#0764c1 !important} .w3-theme-d7 {color:#fff !important; background-color:#010C51 !important} .w3-theme-light {color:#000 !important; background-color:#f0f7fe !important} .w3-theme-dark {color:#fff !important; background-color:#043e79 !important} .w3-theme-dark-2 {color:#fff !important; background-color:#000000 !important} .w3-theme-link {color:#ff3 !important; background-color:dimgray !important;} .w3-theme-trans{color:#0764c1 !important; background-color: transparent !important;} .w3-theme-trans-pic{color:#fff !important; background-color: transparent !important;} .w3-theme-linkt {color:#ff3 !important; background-color:transparent !important;} .w3-theme-linkf {color:#061387 !important; background-color:transparent !important;} .w3-theme-para {color:#061387 !important; background-color:lightgray !important;} .w3-theme-para-2 {color:#061387 !important; background-color:dimgray !important;} .km-theme-para {color:#EBA80D !important; background-color:dimgray !important;} .w3-theme-link-2 {color:#ff0 !important; background-color:#0764c1!important} .w3-theme-menu {color:#ff0 !important; background-color:transparent} .w3-theme-action {color:#fff !important; background-color:#043e79 !important} .w3-theme {color:#fff !important; background-color:#097ef0 !important} .w3-text-theme {color:#097ef0 !important} .w3-border-theme {border-color:#043e79 !important} .w3-border-theme-2 {border-color:#FF3 !important} .km4-border-theme {border-color:#043e79 !important} .km-border-theme{border-color:#FF3 !important} .km-border-theme-2 {border-color:#097ef0 !important} .w3-hover-theme:hover {color:#fff !important; background-color:#097ef0 !important} .w3-hover-theme-C:hover {color:#FF3 !important; background-color:#097ef0 !important} .w3-hover-theme-2:hover {color:#fff !important; background-color:#010C51 !important} .w3-hover-theme-3:hover {color:#fff !important; background-color:transparent!important} .w3-hover-theme-4:hover {color:#FF3 !important; background-color:#010C51 !important} .w3-hover-theme-pic:hover {color:#FF3 !important; background-color:transparent!important} .w3-hover-text-theme {color:#097ef0 !important} .w3-hover-border-theme:hover {border-color:#097ef0 !important} .w3-hover-border-theme-C:hover {border-color:#043e79 !important} .picLink {border: 4px solid transparent;} .picLink-hover:hover {border-color:#097ef0 !important} .km-theme-gradientLink {color: #ff3 !important;background:-webkit-linear-gradient(top,black 25%,#3697f8 75%)} .km-theme-gradientLink {color: #ff3 !important;background:-moz-linear-gradient(top,black 25%,#3697f8 75%)} .km-theme-gradientLink {color: #ff3 !important;background:-o-linear-gradient(top,black 25%,#3697f8 75%)} .km-theme-gradientLink {color: #ff3 !important;background:-ms-linear-gradient(top,black 25%,#3697f8 75%)} .km-theme-gradientLink {color: #ff3 !important;background: linear-gradient(top,black 25%,#3697f8 75%)} .km-theme-gradientLinkw {color: #fff !important;background:-webkit-linear-gradient(top,black 25%,#3697f8 75%)} .km-theme-gradientLinkw {color: #fff !important;background:-moz-linear-gradient(top,black 25%,#3697f8 75%)} .km-theme-gradientLinkw {color: #fff !important;background:-o-linear-gradient(top,black 25%,#3697f8 75%)} .km-theme-gradientLinkw {color: #fff !important;background:-ms-linear-gradient(top,black 25%,#3697f8 75%)} .km-theme-gradientLinkw {color: #fff !important;background: linear-gradient(top,black 25%,#3697f8 75%)} .km-theme-gradientLink2 {color: #ff3 !important;background:-webkit-linear-gradient(top,#3697f8 25%,black 75%)} .km-theme-gradientLink2 {color: #ff3 !important;background:-moz-linear-gradient(top,#3697f8 25%,black 75%)} .km-theme-gradientLink2 {color: #ff3 !important;background:-o-linear-gradient(top,#3697f8 25%,black 75%)} .km-theme-gradientLink2 {color: #ff3 !important;background:-ms-linear-gradient(top,#3697f8 25%,black 75%)} .km-theme-gradientLink2 {color: #ff3 !important;background: linear-gradient(top,#3697f8 25%,black 75%)} .km-theme-gradientLink2w {color: #fff !important;background:-webkit-linear-gradient(top,#3697f8 25%,black 75%)} .km-theme-gradientLink2w {color: #fff !important;background:-moz-linear-gradient(top,#3697f8 25%,black 75%)} .km-theme-gradientLink2w {color: #fff !important;background:-o-linear-gradient(top,#3697f8 25%,black 75%)} .km-theme-gradientLink2w {color: #fff !important;background:-ms-linear-gradient(top,#3697f8 25%,black 75%)} .km-theme-gradientLink2w {color: #fff !important;background: linear-gradient(top,#3697f8 25%,black 75%)} .km-theme-gradient3 {color: #fff !important;background:-webkit-linear-gradient(top,black 15%,dimgray 85%)} .km-theme-gradient3 {color: #fff !important;background:-moz-linear-gradient(top,black 15%,dimgray 85%)} .km-theme-gradient3 {color: #fff !important;background:-o-linear-gradient(top,black 15%,dimgray 85%)} .km-theme-gradient3 {color: #fff !important;background:-ms-linear-gradient(top,black 15%,dimgray 85%)} .km-theme-gradient3 {color: #fff !important;background: linear-gradient(top,black 15%,dimgray 85%)} .km-theme-gradient3t {color: #ff3 !important;background:-webkit-linear-gradient(top,black 15%,dimgray 85%)} .km-theme-gradient3t {color: #ff3 !important;background:-moz-linear-gradient(top,black 15%,dimgray 85%)} .km-theme-gradient3t {color: #ff3 !important;background:-o-linear-gradient(top,black 15%,dimgray 85%)} .km-theme-gradient3t {color: #ff3 !important;background:-ms-linear-gradient(top,black 15%,dimgray 85%)} .km-theme-gradient3t {color: #ff3 !important;background: linear-gradient(top,black 15%,dimgray 85%)} .km-theme-gradient4 {color: #fff !important;background:-webkit-linear-gradient(top,dimgray 20%,black 80%)} .km-theme-gradient4 {color: #fff !important;background:-moz-linear-gradient(top,dimgray 20%,black 80%)} .km-theme-gradient4 {color: #fff !important;background:-o-linear-gradient(top,dimgray 20%,black 80%)} .km-theme-gradient4 {color: #fff !important;background:-ms-linear-gradient(top,dimgray 20%,black 80%)} .km-theme-gradient4 {color: #fff !important;background: linear-gradient(top,dimgray 20%,black 80%)} .w3-theme-gradient {color: #fff !important;background:-webkit-linear-gradient(top,#68b1fa 25%,#3697f8 75%)} .w3-theme-gradient {color: #fff !important;background:-moz-linear-gradient(top,#68b1fa 25%,#3697f8 75%)} .w3-theme-gradient {color: #fff !important;background:-o-linear-gradient(top,#68b1fa 25%,#3697f8 75%)} .w3-theme-gradient {color: #fff !important;background:-ms-linear-gradient(top,#68b1fa 25%,#3697f8 75%)} .w3-theme-gradient {color: #fff !important;background: linear-gradient(top,#68b1fa 25%,#3697f8 75%)} .w3-theme-gradient2 {color: #fff !important;background:-webkit-linear-gradient(top,#3697f8 35%,#097ef0 65%)} .w3-theme-gradient2 {color: #fff !important;background:-moz-linear-gradient(top,#3697f8 35%,#097ef0 65%)} .w3-theme-gradient2 {color: #fff !important;background:-o-linear-gradient(top,#3697f8 35%,#097ef0 65%)} .w3-theme-gradient2 {color: #fff !important;background:-ms-linear-gradient(top,#3697f8 35%,#097ef0 65%)} .w3-theme-gradient2 {color: #fff !important;background: linear-gradient(top,#3697f8 35%,#097ef0 65%)}