:root {
    --rgb-eguro: 0, 16, 77;
    --rgb-white: 255, 255, 255;
    --rgb-lgrey: 55, 75, 100;
    --hex-eguro: #00104D;
}

@font-face {
    font-family: montserrat;
    src: url("../fonts/montserrat.ttf");
}

.bg-image {
    background-color: rgba(var(--rgb-eguro), 1);
    background-image: url("../images/ccc_backrop.png");
    background-size: cover;
    background-position: center center;
    height: 100vh
}

.bg-eguro {
    background-color: rgba(var(--rgb-eguro), 1) !important;
}

.text-montserrat {
    font-family: montserrat !important;
}

.h-display,
.b-display {
    border-radius: 8px !important;
}

.h-display {
    background-color: rgba(var(--rgb-eguro), 1) !important;
    font-size: 1.7em !important;
}

.b-display {
    background-color: rgba(var(--rgb-white), 0.70) !important;
}

.bg-iform {
    border-radius: 6px !important;
    background-color: rgba(var(--rgb-white), 0.80) !important;
}

.btn-custom {
    color: #fff;
    background-color: rgba(var(--rgb-eguro), 1) !important;
    border-color: rgba(var(--rgb-eguro), 1) !important;
    border-radius: 10px !important;
}

.text-lgrey {
    color: rgba(var(--rgb-lgrey), 1) !important;
}

.fs-small {
    font-size: small !important;
}

.fs-medium {
    font-size: medium !important;
}

.fs-large {
    font-size: large !important;
}

.fs-xl {
    font-size: x-large !important;
}