@media screen and (min-width:1000px) {
    #contenedor {
        position: relative;
        background-color: white;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #004997;
    }

    #imagen {
        width: 95%;
        padding: 100px;
        /* height: 140vh; */
        margin-top: -80px;
        /* object-fit: cover; */
        /* transform: scale(0.5); */
    }

    #letrero {
        position: absolute;
        top: 30%;
        left: 20%;
        transform: translate(-50%, -50%);
        font-size: 120px;
        color: #D8071D;
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
        font-weight: bold;
        font-family: 'Poppins', sans-serif;
    }

    #letrero1 {
        position: absolute;
        top: 34%;
        left: 70%;
        transform: translate(-50%, -50%);
        font-size: 140px;
        font-style: italic;
        color: #D8071D;
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
        font-weight: bold;
    }

    #letrero2 {
        position: absolute;
        left: 20%;
        top: 40%;
        transform: translate(-50%, -50%);
        font-size: 31px;
        color: white;
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
        font-weight: bold;
    }

    #numero {
        position: absolute;
        top: 50%;
        left: 60%;
        transform: translate(-50%, -50%);
        font-size: 350px;
        font-style: italic;
        color: #004997;
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
        font-weight: bold;
    }

    #texto-delante-imagen {
        font-size: 20px;
        margin-bottom: 250px;
        position: absolute;
        color: black;
        margin-left: 25%;
        text-align: justify;
    }

    #segunda-imagen {
        position: absolute;
        /* z-index: 3; */
        top: 380px;
        width: 45%;
        height: 55%;
        right: 20%;
    }

    a.btn.btn-primary.Inicio {
        position: absolute;
        display: flex;
        /* gap: 1.5em; */
         padding: .9em; 
        top: 48%;
        margin: 0;
        left: 60%;
        transform: translateY(-50%) translateX(-50%);
        list-style: none;
        white-space: nowrap;
        font-size: 25px;
        background-color: #004C9A;
        border-radius: 2vw;
        z-index: 10;
    }

            ul.menuu li a {
                color: black !important; 
                text-decoration: none;
                font-weight:bold;
            }



}
@media screen and (max-width:1000px) {
    #contenedor {
        padding: 32% 0% 0% 0%;
        position: relative;
        background-color: white;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #imagen {
        max-width: 100%;
        max-height: 100%;
    }

    #letrero {
        position: absolute;
        top: 48%;
        left: 23%;
        transform: translate(-50%, -50%);
        font-size: 40px;
        color: #D8071D;
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
        font-weight: bold;
        font-family: 'Poppins', sans-serif;
    }
    #letrero1 {
        position: absolute;
        top: 52%;
        left: 70%;
        transform: translate(-50%, -50%);
        font-size: 90px;
        font-style: italic;
        color: #D8071D;
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
        font-weight: bold;
    }


    #letrero2 {
        position: absolute;
        left: 20%;
        top: 60%;
        transform: translate(-50%, -50%);
        font-size: 8px;
        color: white;
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
        font-weight: bold;
    }

    #numero {
        position: absolute;
        top: 64%;
        left: 65%;
        transform: translate(-50%, -50%);
        font-size: 200px;
        font-style: italic;
        color: #004997;
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
        font-weight: bold;
    }

    #texto-delante-imagen {
        font-size: 7px;
        margin-top: 150px;
        position: absolute;
        left: 35%;
        top: 65px;
        color: black;
        text-align:justify;
    }

    #segunda-imagen {
        position: absolute;
        /* z-index: 3; */
        top: 210px;
        width: 45%;
        height: 55%;
        right: 15%;
    }

    a.btn.btn-primary.Inicio {
        position: absolute;
        display: flex;
        /* gap: 1.5em; */
        /* padding: 0; */
        top: 72%;
        margin: 0;
        left: 60%;
        transform: translateY(-50%) translateX(-50%);
        list-style: none;
        white-space: nowrap;
        font-size: 6px;
        background-color: #004C9A;
        border-radius: 2vw;
        z-index: 10;
    }
 
 
 
}