/* VARIABLES */

:root {
    --titol-color: white; /* Color del títol */  
    --lletres-color: grey; /* Color de les lletres en general */
    --color-fons-1: rgb(179,57,57,0.9); /* Color del fons 1 */
    --color-fons-2: white; /* Color del fons 2 */
    --mida-logo: 200px; /* Mida del logo general. Per defecte està posat 200px */
}
/* FI VARIABLES */

/* CSS */

*{
    margin: 0;
    padding: 0;
}


.text-white{
    color: var(--titol-color)!important;
}

.masthead .masthead-bg{
    background-color:  var(--color-fons-1);
}

.overlay{
    background-color: var(--color-fons-2);
}

.imatgeLogo{
    margin: 0px 0px 100px 200px;
    width: var(--mida-logo);
}
.card border-danger mb-3{
    margin: 100px;
}

.card-text{
    font-weight: 500;
}

/* QUERYS */

@media only screen and (max-width: 500px) {
    
    .info{
        margin-top: 50px;
    }
    
    .push_down2{
        height: 0;
    }
    
    .card border-danger mb-3{
        max-width: 30rem;
        max-height: 40rem;
        margin: 0px!important;
        top: 50px;
        right: 30px;
    }
    
    .logo{
        margin-right: 0px;
        margin-bottom: 0px;
        margin-top: 15%;
        margin-left: 30%;
    }
    
    .imatgeLogo{
        margin: 0;
        width: 100px;
    }
}

/* QUERYS */