span.logo{
    color: var(--primary-color);
    font-family: var(--h2-font);
}

b.primary{
    color: var(--primary-color);
    font-weight: bold;
}
div.card{
    min-height: 568px;
}

h2.primary{
   
    color: var(--primary-color);
}


img.img-logo{
    display: block;
    margin: 0 auto;
    width: 48%;
}
h2.green{
    color: green;
    font-size: 28px;
    text-align: center;
}

.descargat{
    margin: 0 auto;
}

.Mtcontact{
    margin-top: 50px;
}

#funfacts > div > div.row.justify-content-center.text-center.items > div > div > b {
    font-size: 3.5rem;
    color: var(--secondary-color);
    position: absolute;
    left: -28px;
    top: -12px;
}

.card p{
    white-space: normal;
}
h2.txtS{
    font-size: 1.4em!important;
}

@media (max-width: 991px){
    body{
        overflow-y: hidden;
    }
    body h1, body .slide-content .title,
    body h2 {
        font-size: 1.5rem;
    }
}