*{
    /* background-color: rgb(255, 255, 255); */
} 

/* .fjalla-one-regular {
    font-family: "Noto Sans","Fjalla One", serif;
    font-weight: 400;
    font-style: normal;
} */

/* TITULO Y TEXTO DE SERVICIOS DE TARJETAS PERSONALES */
#miText1,#miText2{
    width: 70%;
}
#miTitulo1,#miTitulo2{
    margin: 1rem 7rem;
}

/* CARD DE NUESTROS PRODUCTOS */
#miCard1,#miCard2,#miCard3,#miCard4{
    width: 18rem !important;
    margin: auto;
}

/* `sm` applies to x-small devices (portrait phones, less than 576px)*/
@media (min-width: 576px) {

    /*CONTAINER DE LA SECCION, REDUCE EL LIMITE DE MARGEN*/
    section[class="container"]{
        max-width: false;
    }
}

/* MARGEN DE IMAGEN  */
#miFoto{
    width: 100%;
}
.colConfig{
    display: none;
}

/* `md` applies to small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) { 
    /*CONTAINER DE LA SECCION, REDUCE EL LIMITE DE MARGEN*/
    section[class="container"]{
        max-width: 100%;
        padding: 0px;
        margin: 0px;
    }

    /* ORGANIZA MEJOR LAS IMAGENES DE SECCION TARJETAS PERSONALES */
    div[class="container text-center"] img{
        margin-top: 30px;
    }
    
    div[class="container text-center"] > .row{
        display: inline;
    }


    /* TITULO SERVICIOS Y TARJETAS PERSONALES */
    #miText1,#miText2{
        width: 95%;
    }
    #miTitulo1,#miTitulo2{
        /* margin: 1rem 1rem; */
    }
    
    /* CARD DE NUESTROS PRODUCTOS */
    #miCard1,#miCard2,#miCard3,#miCard4{
        width: 25rem !important;
        margin: auto;
    }
    
    /* MARGEN DE IMAGEN  */
    #miFoto{
        margin-top:40px;
    }
    
}

/* `lg` applies to medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) { 

    /*CONTAINER DE LA SECCION, REDUCE EL LIMITE DE MARGEN*/
    section[class="container"]{
        max-width: 100%;
        padding: 0px;
        margin: 0px;
    }
    div[class="container text-center"] > .row{
        display: inline;
    }

    /* ORGANIZA MEJOR LAS IMAGENES DE SECCION TARJETAS PERSONALES */
    div[class="container text-center"] img{
        margin-bottom: 40px;
    }
    
    /* MARGEN DE IMAGEN  */
    #miFoto{
        margin-top:40px;
    }

    /* MUESTRA DIV PARA DIVIDIR COLUMNAS */
    .colConfig{
        display: block;
    }
    
}

/* `xl` applies to large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) { 
    
}

/* `xxl` applies to x-large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) { 
    
}