.bloc.c {
    position: relative;
    width: 100%;
}
.bloc.c .wrapper{
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;    
}
.bloc.c .wrapper.left {
    justify-content: flex-start;
}
.bloc.c .wrapper.center {
    justify-content: center;
}
.bloc.c .wrapper.right {
    justify-content: right;
}
.bloc.c .wrapper-inner{
    width: 600px;
    margin: var(--gap-12) 0;       
    display: flex;
    flex-direction: column;   
    align-items: center; 
    justify-content: center;    
    text-align: center;
}

.bloc.c .wrapper .wrapper-inner h2{    
    font-size: 5rem;
    font-weight: var(--font-primary-bold);
    line-height: 105%;
}
.bloc.c .wrapper .paragraph{
    margin: var(--gap-2) 0;
    text-align: center;
}
.bloc.c .wrapper .button{    
    text-align: center;    
}

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