@import "node_modules/bootstrap/scss/functions";
@import "node_modules/bootstrap/scss/variables";
@import "node_modules/bootstrap/scss/mixins";

.tale-dni {
    font-size: 20px;
}

.tale-letter {
    font-size: 34px !important;
    font-weight: 800 !important;
    padding: 10px 0 !important;
    text-align: center;
}

.tale-word {
    font-size: 20px !important;
    font-weight: 700 !important;
    padding: 10px 0 !important;
    text-align: center;
}

@include media-breakpoint-down(lg) {
    .tale-letter {
        font-size: 5rem !important;
        font-weight: 800 !important;
        padding: 25px 0 !important;
    }

    .tale-word {
        font-size: 33px !important;
        font-weight: 700 !important;
        padding: 15px 0 !important;
        text-align: center;
    }
}

@include media-breakpoint-down(sm) {
    .tale-dni {
        font-size: 20px;
    }

    .tale-letter {
        font-size: 3rem !important;
        font-weight: 800 !important;
        padding: 25px 0 !important;
    }

    .tale-word {
        font-size: 17px !important;
        font-weight: 700 !important;
        padding: 20px 0 !important;
        text-align: center;
    }
}