/* Test style - delete later */
/* --- Base Styles (Mobile / < 640px) go here --- */


/* sm: Minimum width 40rem (640px) */
@media (min-width: 40rem) {
    .bloc h1, .bloc-2 h2 {
        font-size: 2rem !important;
    }
    .bloc .uagb-container-inner-blocks-wrap {
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
    }
    .bloc .uagb-block-af12ad68 {
        justify-content: center !important;
        align-self: center !important;
    }

}

/* md: Minimum width 48rem (768px) */
@media (min-width: 48rem) {
    .bloc h1, .bloc-2 h2 {
        font-size: 3rem !important;
    }
    .bloc .uagb-container-inner-blocks-wrap {
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
    }
    .bloc .uagb-block-af12ad68 {
        justify-content: center !important;
        align-self: center !important;
    }

}

/* lg: Minimum width 64rem (1024px) */
@media (min-width: 64rem) {
    .bloc h1, .bloc-2 h2  {
        font-size: 3rem !important;
    }
    .bloc .uagb-container-inner-blocks-wrap {
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
    }
    .bloc .uagb-block-af12ad68 {
        justify-content: center !important;
        align-self: center !important;
    }


}

/* xl: Minimum width 80rem (1280px) */
@media (min-width: 80rem) {
    .bloc h1, .bloc-2 h2 {
        font-size: 4rem !important;
    }


}

/* 2xl: Minimum width 96rem (1536px) */
@media (min-width: 96rem) {
    .bloc h1, .bloc-2 h2 {
        font-size: 4rem !important;
    }
    .bloc .uagb-container-inner-blocks-wrap {
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-start !important;
    }
    .bloc .uagb-block-af12ad68 {
        justify-content: flex-start !important;
        align-self: center !important;
    }
}