/********** BLOC HERO_A (Home Page) **********/

.bloc.e {
    display: flex;
    justify-content: center;
}

.bloc.e .wrapper{
    width: 100%;      
    padding: var(--gap-8) var(--gap-2);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: var(--gap-4);
}
.bloc.e .wrapper.reverse{
    flex-direction: row-reverse;
}
.bloc.e .wrapper .col{
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

.bloc.e .wrapper h2{    
    font-size: 5.5rem;
    font-weight: var(--font-primary-bold);
    line-height: 105%;
    text-align: right;
}

.bloc.e .wrapper .button{
    margin-top: var(--gap-2);
    width: 100%;
    text-align: center;    
}


/******************** RESPONSIVE max-width: 480px ********************/
@media (max-width : 480px) {
}