@media (max-width: 992px) {

    section.hero .container {
        flex-direction: column-reverse;
    }

    section.hero .container .image img {
        transform: scale(1.3);
        -webkit-transform: scale(1.3);
        -moz-transform: scale(1.3);
        -ms-transform: scale(1.3);
        -o-transform: scale(1.3);
    }

    section.hero .container .info {
        align-items: center;
        margin-top: 25px;
    }

    section.hero .container .info p {
        text-align: center;
    }

    header .container .links {
        width: 70%;
    }
}

@media (max-width: 768px) {
    header .container .links {
        position: absolute;
        display: block;
        top: 91px;
        left: 0;
        z-index: 116;
        background: var(--primary);
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 2px;
        align-items: center;
        /*padding-block: 30px;
        */
        overflow: hidden;

    }

    header .links a {
        width: 100%;
        position: relative;
    }

    header .links a:not(:last-child)::after {
        all: unset;
    }

    header .links a:not(:last-child) {
        border-bottom: 1px solid white;
    }

    header .links li {
        width: 100%;
        padding-block: 15px;
        transition: 0.5s;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        background-color: var(--primary);
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -ms-transition: 0.5s;
        -o-transition: 0.5s;
        overflow: hidden;
        /* z-index: 2; */
    }

    header .links a:hover {
        color: var(--primary);
    }

    header .links a:hover li {
        background-color: var(--gold);
    }

    /*
    header .links a::before {
        content: "";
        position: absolute;
        background-color: white;
        z-index: 1;
        width: 70%;
        height: 100%;
        left: 0;
        top: 0;
        transform: rotate(45deg);
    } */

    header .links li a:has(.lang-btn) {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center
    }

    header .links li a .lang-btn {
        background: none;
        width: 100%;
        height: 100%;
        box-shadow: unset;
        border-radius: unset;
        -webkit-border-radius: unset;
        -moz-border-radius: unset;
        -ms-border-radius: unset;
        -o-border-radius: unset;
    }

    header .container .menu-icon {
        display: block;
    }

    #navmenu {
        transition: 1s all;
        -webkit-transition: 1s all;
        -moz-transition: 1s all;
        -ms-transition: 1s all;
        -o-transition: 1s all;
    }

    section.hero .container .info,
    section.hero .container .info p {
        width: 100%;
    }
}

@media (max-width: 1190px) {
    section.who-us .info {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    section.who-us .info .image {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    section.who-us .info .image,
    section.who-us .info .text {
        width: 100%;
        overflow: hidden;
    }

    section.who-us .info .text p {
        text-align: center;
    }

    section.who-us .info .image img {
        all: unset;
        position: relative;
        /* transform: scale(2);
        -webkit-transform: scale(2);
        -moz-transform: scale(2);
        -ms-transform: scale(2);
        -o-transform: scale(2); */
        filter: drop-shadow(0px 0px 5px black);
        -webkit-filter: drop-shadow(0px 0px 5px black);

    }
}