@media (max-height: 700px) {
    .imagen-superpuesta {
        display: none;
    }

    .half-circle {

        height: 300px;
    }

    .contenedor-imagen-superpuesta h1 {
        font-size: larger;
        top: 10%;
    }
}



@media (max-width: 900px) {
    .nav {
        display: none;
        flex-direction: column;
        position: absolute;
        top: 70px;
        right: 20px;
        background-color: white;
        padding: 15px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
        border-radius: 8px;
        z-index: 10;
    }

    .nav.show {
        display: flex;
    }

    .menu-button {

        display: block;

    }

    .imagen-superpuesta {

        width: 200px;

    }

    @media (min-height:800px) {
        .imagen-superpuesta {
            top: 40%;
            width: 200px;

        }
    }


    @media (min-height:1000px) {
        .imagen-superpuesta {
            top: 35%;
            width: 200px;

        }
    }

    @media (min-height:1300px) {
        .imagen-superpuesta {
            top: 35%;
            width: 200px;

        }
    }

    @media (min-height:1400px) {
        .imagen-superpuesta {
            top: 35%;
            width: 200px;

        }
    }


    @media (max-width: 500px) {

        .contenedor-imagen-superpuesta h1 {
            font-size: larger;
        }

        .half-circle {

            height: 400px;
        }

        .butto-message {
            padding-top: 25%;
            width: 100%;
        }

        .imagen-superpuesta {
            display: none;
        }

    }

    @media (max-width: 260px) {

        .imagen-superpuesta {
            display: none;
        }

    }



    @media (max-height:600px) {
        .FAQ {
            padding-top: 1%;
        }
    }


}