
:root {
    --welcome-max-width: 600px;
}


.welcome-laout {
    /*    desktop two columns on 1/3 and 2/3*/
    display: grid;
    grid-template-columns: 2fr 3fr;
    gap: 1rem;
    margin: 0 auto;
    height: 100%;
    width: 100%;
    flex: 1;
}

@media (max-width: 768px) {
    .welcome-laout {
        display: block;
    }
}

.welcome-card {
    padding: var(--responsive-padding);
    border-radius: var(--border-radius-xl);
}

.welcome-text {
    margin-inline: auto;
    max-width: var(--welcome-max-width);
    color: var(--black);
    font-feature-settings: 'liga' off, 'clig' off;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%;
}

.welcome-text > p {
    margin-bottom: 1rem;
}

.creaa-logo {
    display: flex;
    justify-content: center;
    align-items: center;
}

/*hide on mobile*/
@media (max-width: 768px) {
    .creaa-logo {
        display: none;
    }
}

.welcome-cta {
    max-width: var(--welcome-max-width);
    margin-inline: auto;
    flex: 1 0 auto;
}

.welcome-cta > a {
    margin-top: 1rem;
    width: 100%;
}

/*.welcome-titolo {*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*    flex-direction: column;*/

/*    max-width: var(--welcome-max-width);*/
/*    margin-inline: auto;*/
/*    margin-top: 2rem;*/
/*}*/

.welcome-icon-assistan {
    display: block;
    width: 100%;
    max-width: 200px;
    max-height: 160px;
    margin: 2rem auto;
}

.creaa-logo > img {
    width: 250px;
    height: 250px;
}

.welcome-titolo {
    display: flex;
    justify-content: start;
    align-items: center;
    margin-bottom: 2rem;
}

.creaa-sponsors {
    display: block;
    padding-bottom: 1rem;
    margin-inline: auto;
    max-height: 90px;
}