body {

    /* width: 100%; */
    max-width: 1920px;
    height: 100%;
    margin: 0;
    background-image: url('../../images/photos/green-background.png');
    /* background-size: contain;
            background-repeat: repeat-x; */

    font-family: 'Playfair Display', serif !important;
    font-size: xxx-large;

    .menu-background-full {
        display: none;
    }

    a {
        text-decoration: none;
        color: black;
    }

    .menu {

        display: flex;
        align-items: center;
        height: inherit;
        overflow: hidden;

        .img {
            height: inherit;
            background-image: url('../../images/photos/menu-background-full.png');

        }

        img {
            /* width: 100%; */
            height: inherit;


        }

        .overlay {
            /* width: 100%; */

            background-color: #69755d;
            left: 60%;
            height: 100% !important;
            position: relative;
            margin: 0;
            bottom: 100%;

            /* opacity: 0.9; */
            img {
                opacity: 0.8;
                /* transform: rotateY(180deg); */
            }
        }

        .lang-menu {
            zoom: 0.5;

            width: 100%;
            display: flex;
            justify-content: center;

            display: block;

            .lang {

                display: flex;
                align-items: center;

                img {

                    margin: 50px;
                    width: 250px;
                    height: 150px;
                }



            }

            .lang:hover {
                cursor: pointer;
                color: #febc2c;
                text-shadow: 0 0 10px black;

                img {
                    box-shadow: 0 0 30px 0 white;

                }

            }
        }

    }
}

@media (min-width: 1390px) {

    .lang-select-text-section {
        display: none !important;

    }
}

@media (max-width: 1300px) {
    .menu-background-full {
        display: block !important;
    }

    .menu-background-cut {
        display: none !important;
    }

    .lang-menu {

        z-index: 4;
        position: absolute;
        display: flex;

        .lang {
            img {

                box-shadow: 0 0 30px 0 black;
            }
        }
    }
}

.back-section {
    position: fixed;
    top: 0;
    margin: 20px;
    width: fit-content !important;
    height: 100px;

    font-family: 'Playfair Display', serif !important;
    font-size: x-large;

    z-index: 999;

    .back-section-click {
        display: flex;
        align-items: center;
        width: inherit !important;
        height: inherit !important;

        .back-section-icon {
            border-radius: 50%;
            background-color: #7b8c6e;
            padding: 25px;

            width: inherit !important;
            height: auto !important;

            box-shadow: 0 0 30px 0 white;

            img {
                width: 50px;
                height: 50px;
            }
        }

        .back-section-text {
            padding: 25px;

            color: #febc2c;
            text-shadow:
                1px 1px 2px black,
                0 0 10px white,
                0 0 10px white;
        }
    }
}

.back-section:hover {
    cursor: pointer;

    .back-section-icon {
        background-color: #4f5a47;
        text-shadow: 1px 1px 2px black,
            0 0 10px white,
            0 0 10px white;
    }

    .back-section-text {
        padding: 25px;
        text-shadow:
            1px 1px 2px white,
            0 0 10px black,
            0 0 10px black;
    }
}

@media (max-width: 1390px) {
    .lang-menu {
        .lang-text {
            display: none;
        }

        .lang {

            img {
                width: 350px !important;
                height: 200px !important;
            }
        }
    }

    .back-section {
        top: auto;
        bottom: 0 !important;
    }
}

.lang-select-text-section {
    position: absolute;
    height: 100%;
    display: flex;
    align-items: flex-start;

    .lang-select-text {

        margin: 25px;
        font-family: 'Playfair Display', serif !important;
        /* font-size: 35px; */
        font-size: x-large;

        /* margin-top: 100px; */
        color: #febc2c;
        /* text-shadow: 0 0 10px white; */
        text-shadow:
            1px 1px 2px black,
            0 0 10px white,
            0 0 10px white;
    }
}