.header-brand{
    display: grid;
    grid-template-columns: 4rem 1fr;
    gap: .5rem;
    text-decoration: none !important;
    padding: 2rem 0;

}

.header-brand .title-wrapper .title{
    font-size: 2.5em;
    font-weight: 600;
    color: var(--bs-dark);
    display: block;
    margin: 0;
    line-height: 1.1;
}


.header-brand .title-wrapper .subtitle{
    font-size: 1.2em;
    margin: 0;
    line-height: 1.1;
    color: var(--bs-gray-700);
}

/**** CONTENT *****/
.content{
    min-height: 600px;
    padding: 0 1rem 10rem 1rem;
}


/**** FOOTER ****/
.footer .footer-content{
    display: grid;
    grid-template-columns: 2rem 1fr;
    column-gap: 1rem;
}


.footer .footer-info-area{
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.footer img.logo-comune{
    width: 100%;
}

.footer a{
    color: inherit;
    text-decoration: none;
}

.footer a:hover,
.footer a:focus{
    text-decoration: underline;
}


@media(max-width: 767px)
{

    .header-brand{
        grid-template-columns: 2.5rem 1fr;
        gap: 0.3rem;

    }

    .header-brand .title-wrapper .title{
        font-size: 1.6em;
    }


    .header-brand .title-wrapper .subtitle{
        font-size: 1em;
    }



    .footer .footer-content{
        grid-template-columns: 1fr;
        row-gap: 2em;
    }

    .footer .footer-info-area{
        grid-template-columns: 1fr;
        row-gap: 2em;

    }

    .footer .footer-logo-area{
        justify-content: start;
        max-width: 2rem;
    }
}