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

.bloc.b {
    position: relative;
    width: 100%;    
}

.bloc.b .wrapper{
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;    
    padding: var(--gap-8) var(--gap-2);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.bloc.b .wrapper .text{
    font-family: var(--font-secondary);
    font-size: 8rem;
    line-height: 90%;
    font-weight: var(--font-secondary-bold);
    margin: var(--gap) var(--gap-2) 0 var(--gap-2);
}
.bloc.b .wrapper .quoteright{
    text-align: right;
    width: 100%;    
}
.bloc.b .wrapper .name{
    font-family: var(--font-primary);
    font-size: 1.4rem;
    font-weight: var(--font-primary-light);
    line-height: 140%;    
    margin-left: var(--gap-2);
}

.bloc.b .wrapper svg{
    opacity: 0.5;
}


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