@media screen and (min-width:992px) and (max-width:1200px)
{
        #hero-area{
        display: block;
        position:relative;
        height:18em;
        width:95vw;
        left:0;
        padding:0;
        margin:0 auto 0 auto;
        }
        @media only screen and (device-width:1024) and (device-width:768) and (-webkit-device-pixel-ratio:2),(resolution >= 2dppx),(resolution:264dpi) and (orientation:landscape){
            body {
                width:98vw;
            }
            #hero-area{
            margin:0 auto 0 auto;
            height:18vh;
            }
        }
        #hero-area .moon-logo{
            position:absolute;
            left:0;
            right:0;
            bottom:0;
            top:2vh;
            width:50vw;
            margin:0 auto;
        }
    .hero-logo-bottom-spacer {margin-bottom: 10rem!important;}
        .navbar{
            margin:3vh auto;
            width:98%;
        }
        .navbar-brand img {
            height: 5vw;
            margin-right: 10px;
        }
        .sticky.is-sticky{
            margin: 0 auto 0 auto;
            top:6vh;
            width:95vw;
        }
        #about{
            position: relative;
            top:30vh;
            margin:10vh auto 0 auto;
            width:100%;
        }
        @media only screen and (-webkit-device-pixel-ratio:1),(resolution:1dppx),(resolution:96dpi){
            #about{
                display: block;
                position: relative;
                top:16vh;
                margin:10vh auto 0 auto;
                width:100%;}
        }
        @media only screen and (resolution >= 2dppx){
            #about{
                display: block;
                position: relative;
                top:19em;
                margin:0 auto 0 auto;
                width:100%;}
        }
        #about .section-column-content{
            padding:20px 2vw;    
            top:-13em;
        }
        @media only screen and (resolution >= 2dppx){
            #about .section-column-content{
                display:block;
                position: relative;
                min-height: 100px;
                overflow: hidden;
                margin:0 auto 0 auto;
                padding:20px 2vw;
                top:-20vh;
                }
        }
        #about .section-text-about{
            padding:0 5px 0 5px;
            font-weight:initial;
            text-align:center;
            margin:3vh auto;
        }
        #about .quote{
            margin-bottom: 0rem;
            margin-top: -1.5em;
        }
        #menu{
            display: block;
            position: relative;
            top:30vh;
            margin:6vh auto 8vh auto;
            width:100%;
        }
        #menu:target::before{
            content:"";
            display:block;
            position:relative;
            height:28em;
            min-height: 100px;
            overflow: hidden;
            margin-top:0vh;
            visibility:hidden;
        }
        #menu .section-column-content{
            padding:20px 2vw;
            top:0em;
        }
        #menu .quote{
            font-size: clamp(1.3rem, 1.2284rem + 0.3181vw, 1.6rem);
            font-weight:initial;
            font-style:italic;
            background:0 0;
            text-align:center;
            margin-bottom: 0rem;
            margin-top: 2em;
        }
        #menu .menu-cards-frame {
            display:block;
            position: relative;
            overflow: hidden;
            padding:1vw 1vw;
        }
        #contact{
            display: block;
            position: relative;
            margin:6vh auto 8vh auto;
            width:100%;
        }
        #contact:target::before{
            content:"";
            display:block;
            position:relative;
            height:7vh;
            margin-top:16vh;
            visibility:hidden;
        }
        #contact .accent-image-pos-top {
            position:relative;
            left:auto;
            right:auto;
            max-width: 21%;
            height: auto;
            display: block;
            margin: auto;
        }
        #contact .logo-img {
            max-width: 40%;
            height: auto; 
            display: block;
            margin: 0 auto 0 auto;
            padding: 0 0 0 0;
            top:4vh;
            border:5px outset var(--moon-gold-color);
        }
        #contact .section-text{
            position:relative;
            white-space: pre-line;
            left:auto;
            right:auto;
            padding:0 5px 0 5px;
        }
        #contact .section-column-content{
            margin:0 auto 1vh auto;
            padding:20px 2vw;
            top:15em;
        }
        #contact .quote{
            margin-bottom: 0rem;
        }
        #carouselfadehome .center-img{
            position:relative;
            width:20vw;
            border-style:solid;
            border-width:2px;
            border-radius:1rem;
            border-color:var(--moon-blue-color);
            margin: 0 auto 0 auto;
        }
        #carouselfadehome{
            position:relative;
            min-width:225px;
            min-height: 300px;
            margin-top: 2vh;
            margin-bottom: 0vh;}
        #carousel .car-img-1 {margin-top:0;}
        #carousel .car-img-2 {margin-top:0;}
        #carousel .car-img-3 {margin-top:0;}
        #carousel .car-img-4 {margin-top:0;}
        #carousel .car-img-5 {margin-top:0;}
        #carousel .car-img-6 {margin-top:0;}
        #carousel .car-img-7 {margin-top:0;}
        #carousel .car-img-8 {margin-top:0;}
        #carousel .car-img-9 {margin-top:0;}
        #carousel .car-img-10{margin-top:0;}
        #carousel .car-img-11{margin-top:0;}
        #carousel .car-img-12{margin-top:0;}
        #carousel .car-img-13{margin-top:0;}
        #carousel .car-img-14{margin-top:0;}
        #carousel .section-column-content{
            margin:3vh 0 0 0;
            padding:0 0 2vh 0;
            border-style:solid;
            border-width:2px;
            border-radius:1rem;
            border-color:var(--moon-blue-color);
        }
        .footer {
            position: relative;
            left: 0;
            bottom: 0;
            width: 100%;
            text-align: center;
            margin-top: 2vh;
        }
}