/* For width smaller than 400px: */
                        
                        body {
                            background-position: bottom;
                            height: 100vh;
                            background-color: #5A6354;
                            background-size: cover;
                            background-repeat: no-repeat;
                        }
                        
                        /* For width 400px and larger: */
                        
                        @media only screen and (max-width: 576px) {
                            body {
                                background-color: #5A6354;
                                background-position-y: 0;
                            }
                            
                        }
    .background1 {
        padding-top: 250px;
    }
    
                            a {
                                color: #ffffff;
                            }
                            
                            a:hover {
                                color: #000000;
                                text-decoration: none;
                                text-shadow: 5px 0 15px grey;
                            }
                            /* Tere tulemast Anu kunstigaleriisse */
                            body.landingpage {
                                background-position: bottom;
                                height: 100vh;
                                background-color: #5A6354;
                                background-size: cover;
                                background-repeat: no-repeat;
                            }
                            body.galerii {
                                background-position: bottom;
                                background-color: #5A6354;
                                background-size: cover;
                                background-repeat: no-repeat;
                                height: 100vh;
                            }
                            @media only screen and (max-width: 576px) {
                                body.galerii {
                                    background-color: #5A6354;
                                    background-positsion-y: 0;
                                    height: max-content;
                                }
                            }
                            body.minust {
                                background-position: bottom;
                                background-color: #5A6354;
                                background-size: cover;
                                background-repeat: no-repeat;
                                height: 100vh;
                            }
                            
                            /*@media only screen and (max-width: 576px) {
                        body.minust {
                            background-image: url(assets/mobilemebckg.png);
                            background-position-y: 0;
                            height: max-content;
                        }
                    }*/
                            .header {
                                position: absolute;
                                left: 0;
                                top: 0;
                                z-index: 1000;
                                background-color: #141414;
                                background-position: left;
                                background-repeat: no-repeat;
                                background-size: cover;
                                height: 100vh;
                                width: 200px;
                                /* width: 33.5vh; */
                            }
                            /*.navbar {
    background: linear-gradient(180deg, #FAFAFA 0%, #D2D2D2 65.32%, rgba(222, 210, 198, 0.5) 100%, #DEE2E5 100%), #DADADA;
    box-shadow: 20px 10px 30px rgba(0, 0, 0, 0.1);
}*/
                            .navbar{
                                background-color: #141414;
                                box-shadow: 20px 10px 30px rgba(0, 0, 0, 0.1);
                            }
                            
                            navbar-light
                            .navbar-toggler-icon 
                        background-image: url(assets/dogglermenubutton.png);
                    
                    }
                            /* .Light {
                        image-rendering: crisp-edges;
                        border-image-outset: 0px, 60px;
                        color: #FEF7E1;
                        opacity: 70%;
                        box-shadow: 0px 60px 50px #FEF7E1;
                    }*/
                            .pt-10,
                            .py-10 {
                                padding-top: 6rem !important;
                            }
                            .pt-20 {
                                padding-top: 15rem !important;
                            }
                            .ml-10 {
                                padding-left: 100px;
                            }
                            .ml-15 {
                                padding-left: 190px;
                            }
                            .ml-20 {
                                padding-left: 15rem !important;
                            }
                            .ml-6 {
                                padding-left: 50px;
                            }
                            .pt-15 {
                                padding-top: 10rem;
                            }
                            .mt-10 {
                                padding-top: 100px;
                            }
                            .btn-enter {
                                padding: 5px 30px;
                                font-size: 28px;
                                color: white;
                                box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
                            }
                            h3 {
                                font-family: Quicksand;
                                font-style: normal;
                                font-weight: normal;
                                font-size: 12px;
                                line-height: 26px;
                                text-align: left;
                                line-height: 2;
                                fill: #ffffff;
                            }
                            h1 {
                                font-family: Quicksand;
                                font-weight: normal;
                                font-size: 32px;
                                vertical-align: top;
                                letter-spacing: 0, 02;
                                fill: #ffffff;
                            }
                            h2 {
                                font-family: Qwigley;
                                font-style: normal;
                                font-weight: normal;
                                font-size: 36px;
                                line-height: 100px;
                                text-align: center;
                                Fill: #ffffff;
                                text-shadow: 0px 0px 0px rgba(166, 95, 95, 0.75)
                            }
                            h4 {
                                font-family: Quicksand;
                                font-style: normal;
                                font-weight: normal;
                                font-size: 16px;
                                line-height: 45px;
                                text-align: left;
                                letter-spacing: 0. 02;
                                fill: #ffffff;
                            }
                            .custom {
                                font-family: Qwigley;
                                font-size: 28px;
                                Fill: #ffffff;
                            }
                            .teos {
                                margin-top: 40px;
                            }
                            .pilt {
                                background-image: url(assets/frame.svg);
                                box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.19);
                                width: 334px;
                                height: 408px;
                                background-size: 100%;
                                background-repeat: no-repeat;
                            }
                            .pilt img {
                                margin: 37px 37px;
                                width: 258px;
                                height: 332px;
                                cursor: zoom-in;
                            }
                            .teoshand {
                                margin-top: 40px;
                            }
                            .pilthand {
                                background-image: url(assets/frame.svg);
                                box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.19);
                                width: 334px;
                                height: 408px;
                                background-size: 100%;
                                background-repeat: no-repeat;
                            }
                            .pilthand img {
                                margin: 37px 37px;
                                width: 258px;
                                height: 332px;
                                cursor: grab;
                            }
                            @media only screen and (max-width: 576px) {
                                .imgnoframe {
                                    padding-top: 20px;
                                    cursor: zoom-in;
                                }
                            }
                            .karusell {
                                display: flex;
                                flex-direction: row;
                                overflow: scroll;
                            }
                            @media screen and (min-width: 601px) {
                                .tekst {
                                    padding-left: 220px;
                                    padding-top: 20px;
                                    font-size: 18px;
                                    line-height: 30px;
                                }
                            }
                            @media screen and (max-width: 576px) {
                                .tekst {
                                    padding-top: 90px;
                                    font-size: 15px;
                                    line-height: 40px;
                                }
                            }
                            .pilth img {
                                margin: 45px 45px;
                                width: 382px;
                                height: 303px;
                            }
                            @media only screen and (max-width: 576px) {
                                .imgnoframeh {
                                    padding-top: 30px;
                                    cursor: zoom-in;
                                }
                            }
                            .pilth {
                                background-image: url(assets/framehimg.png);
                                box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19);
                                width: 468px;
                                height: 391px;
                                background-size: 100%;
                                background-repeat: no-repeat;
                                cursor: zoom-in;
                            }
                            .pilthv img {
                                margin: 32px 30px;
                                width: 275px;
                                height: 217px;
                            }
                            .pilthv {
                                background-image: url(assets/framehimg.png);
                                box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19);
                                width: 334px;
                                height: 280px;
                                background-size: 100%;
                                background-repeat: no-repeat;
                                cursor: zoom-in;
                            }
                            .piltv {
                                background-image: url(assets/frame.svg);
                                box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.19);
                                width: 234px;
                                height: 286px;
                                background-size: 100%;
                                background-repeat: no-repeat;
                                cursor: zoom-in;
                            }
                            .piltv img {
                                margin: 25px 25px;
                                width: 181px;
                                height: 233px;
                            }
                            .karusell {
                                -ms-overflow-style: none;
                                /* Internet Explorer 10+ */
                                scrollbar-width: none;
                                /* Firefox */
                            }
                            .karusell::-webkit-scrollbar {
                                display: none;
                                /* Safari and Chrome */
                            }
                            .frame {
                                /* background-image: url(frameimg.svg); */
                                height: 100vh;
                                padding-left: 180px;
                                overflow: scroll;
                                /* height: 340px; */
                            }
                            .textbox {
                                text-align: center;
                                padding: 10px;
                            }
                            .nav-item .nav-link {
                                font-family: Quicksand;
                                font-style: normal;
                                font-weight: normal;
                                font-size: 20px;
                                line-height: 30px;
                                text-align: left;
                                letter-spacing: 0.22;
                                fill: #ffffff;
                            }
                            .submenu h3 {
                                margin-block-start: 0;
                                margin-block-end: 0;
                                /* margin-left: 3rem; */
                            }
                            .submenu .nav-link {
                                padding-top: 0;
                                padding-bottom: 0;
                            }
                            .nav-link.active {
                                font-weight: bold;
                            }
                            /* .form-control {
    width: 360px;
    background: linear-gradient(157.73deg, #FFFFFF 30.73%, #E9E9E7 67.61%), rgba(249, 253, 251, 0.8);
}

.form-control-lg {
    width: 360px;
    height: 120px;
    background: linear-gradient(157.73deg, #FFFFFF 30.73%, #E9E9E7 67.61%), rgba(249, 253, 251, 0.8);
} */
                            input {
                                fill: #FFFFFF rgba(249, 253, 251, 0.8);
                            }
                            .zoom {
                                transition: transform .2s;
                                width: 100%;
                                height: 100%;
                            }
                            .zoom:hover {
                                -ms-transform: scale(2);
                                /* IE 9 */
                                -webkit-transform: scale(2);
                                /* Safari 3-8 */
                                transform: scale(2);
                                transition-delay: 1s;
                            }
                            .container {
                                font-family: Quicksand;
                                width: 240px;
                                height: 35px;
                                background-color: rgb(232, 241, 237);
                                box-shadow: 10px 6px 6px 0 rgba(133, 119, 119, 0.19);
                                font-size: 12px;
                                text-align: center;
                            }
                            .dropdown {
                                padding-top: 100px;
                                margin-left: 20px;
                            }
                            .dropdown-menu {
                                border: transparent;
                                box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.25);
                                ;
                            }
                            .rippuvcopyright {
                                position: absolute;
                                left: 0;
                                bottom: 0;
                            }
                            
                             }
                            .bg-dark {
                            background: #141414 ;
                            }