@media (max-width: 576px) {


    /*-------------VIDEO--------------------**/

    .video {
        width: 100% !important;
        height: 500px !important;
        margin: none !important;
        padding: none !important;
    }

    .Video video {
        #border: 5px solid blue !important;
        width: 100% !important;
        height: 500px !important;
        margin: none !important;
        padding: none !important;
    }

    /*-------------VIDEO--------------------**/


    .Marco_Secundario {
        position: relative;
        top: -8rem !important;
        #border: 5px solid black !important;
    }


    /*------------ TARJETA DE COLORES ---------------------*/

    .Info_Principal {
        #border: 5px solid red !important;
    }

    .Info_Principal .card {
        text-align: center !important;
        padding: 0 !important;
        color: white !important;
    }

    .Info_Principal img {
        padding-top: 1rem;
        #border: 5px solid yellow !important;
        width: 250px !important;
        height: 250px !important;
    }

    .Info_Principal .card h5 {
        font-size: 2rem !important;
    }

    .Info_Principal .card p {
        position: relative;
        right: 1rem !important;
        margin: auto !important;
        width: 110% !important;
        #border: 5px solid red !important;
        text-align: justify !important;
        font-size: 1.2rem !important;
    }

    .Info_Principal .card button {
        margin-top: 1rem !important;
        width: 100% !important;
        font-size: 1.15rem !important;
    }

    /*------------ TARJETA DE COLORES ---------------------*/



    /*-------EFECTO PARALLAX*/

    .Principal {
        display: flex;
        position: relative;
        justify-content: center;
        align-items: center;
        text-align: center;

    }

    .Efecto_Parallax {
        #background-position: center;
        background-size: auto !important;

    }

    .Efecto_Parallax div {
        width: 100%;
        height: 400px;
    }

    .Efecto_Parallax div h1 {

        background-color: rgb(0, 0, 0, 0.5);
    }

    .Efecto_Parallax div h2 {

        background-color: rgb(0, 0, 0, 0.5);
    }

    .Efecto_Parallax div p {

        background-color: rgb(0, 0, 0, 0.5);
    }


    /*-------EFECTO PARALLAX*/



    /**------TARJETAS ANUNCIO--------*/

    .Tarjetas_Anuncio .card {
        position: relative;
        left: 0.5rem !important;
    }

    /**------TARJETAS ANUNCIO--------*/

    /*FOOTER PRINCIPAL*/


    footer .footer_1 {
        padding-bottom: 1rem !important;
    }

    footer .footer_1 h5 {
        text-align: center !important;
        margin: auto;
        #border: 5px solid black !important;
        width: 80% !important;
    }

    footer .div_icon p {
        position: relative;
        left: 1rem !important;
        display: flex;
        justify-content: center;
        text-align: center !important;
        width: 90% !important;
        margin: auto;
        #border: 5px solid red;
    }

    footer .div_icon i {
        font-size: 1.5rem !important;
        margin-right: 2rem !important;
    }


    footer .row_2_footer {
        text-align: center !important;
        margin: auto;
        width: 92% !important;
        #border: 4px solid black;
    }

    footer .row_2_footer div {
        text-align: center !important;
        #border: 5px solid black !important;
    }

    footer .row_2_footer li {
        position: relative;
        right: 1rem !important;
        #border: 5px solid black !important;
    }

    /*FOOTER PRINCIPAL*/





    /*------------------PAGINA DE PLANES----------------------**/


    .Marco_Secundario_Planes {
        position: relative;
        #top: -10rem;
        #border: 5px solid blue;
    }



    /*------------------PAGINA DE PLANES----------------------**/

    .Efecto_Parallax_Contactanos{
        #border: 5px solid red !important;
        height: 190px !important;
    }


    .Principal_Contactanos .ico p {
        text-align: center !important;
        #border: 5px solid blue !important;
        text-align: center !important;
          font-weight: bold;
          width: 100% !important;
    }

    .Principal_Contactanos .ico i {
        font-size: 1.8rem !important;
        color: rgb(92, 168, 60);
    }


}