/* BLOC CONTACT */
.bloc.contact{    
    width: 100%;
    padding: var(--gap-4);
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    position : relative;    
}
.bloc.contact .title{
    width: 250px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;    
    text-align: right;
    margin-bottom: var(--gap-4);
}
.bloc.contact .title h2 span{
    font-size: calc(var(--size-h2) / 2);
    font-weight: var(--font-text-regular);
}
.bloc.contact .wrapper{
    height: 100%;
    width: 100%;
    max-width: 1000px;
    align-self: center;    
}
@media (max-width: 768px) {
    .bloc.contact{
        padding: var(--gap-2);
    }
}