/* @group SupperImpossed Overview
------------------------------------ */
.supperimpossed-overview {
    position: relative;
    isolation: isolate;
    margin: 0 0 10rem;
}
.supperimpossed-overview__box {
    background-color: var(--white);
    margin-top: -9.3em;
    padding: 4.7em 1.6em 0;
}

.supperimpossed-header {
    color: var(--navy-blue);
    text-align: center;
    margin: 0 0 9.7em;
}
.supperimpossed-header h2 {    
    font-size: 3em;
    line-height: 1em;
    font-weight: 700;
    letter-spacing: 0.066em;
    text-transform: uppercase;
    margin: 0 auto 1em;
}
.supperimpossed-header p {
    font-size: 1.6px;
    line-height: 1.5em;
    font-weight: 500;
    letter-spacing: 0.125em;
    margin: 0 auto;
}

@media only screen
and (min-width : 961px) {
    .supperimpossed-overview__box {
        background-color: var(--white);
        margin-top: -13.4em;
        padding: 5em 5.35rem 0;
    }
    .supperimpossed-header {
        margin: 0 0 10.7em;
    }
    .supperimpossed-header h2 {  
        font-size: 4.5em;
        letter-spacing: 0.044em;
        max-width: 99.6rem;
    }
    .supperimpossed-header p {
        font-size: 2em;
        line-height: 1.35em;
        letter-spacing: 0.1em;
        max-width: 100rem;
    }
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
}
/* @end */

/* @group SupperImpossed Overview Internal
------------------------------------ */
.supperimpossed-header-internal { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; align-items: center; margin: 0 0 6em; }

.supperimpossed-header-internal .bttn-outlined i { transform: scale(-1); }
.supperimpossed-header-internal h3 { color: var(--navy-blue); font-size: 3em; letter-spacing: .067em; line-height: 1em; text-transform: uppercase; }

.supperimpossed-header-internal .bttn-share { position: relative; }
.supperimpossed-header-internal .bttn-share ul { position: absolute; top: calc(100% + 2.5rem); left: 0; width: 100%; display: flex; justify-content: space-between; padding: 0.687em 2.125em; background: var(--white); border-radius: 62.5em; border: solid 0.2em var(--yellow); z-index: 2; opacity: 0; pointer-events: none; transition: all .3s linear; }
.supperimpossed-header-internal .bttn-share ul li { position: relative; z-index: 1; display: inline-block; }
.supperimpossed-header-internal .bttn-share ul li a { font-size: 1.9em; line-height: 2em; color: var(--navy-blue); }
.supperimpossed-header-internal .bttn-share.active ul { opacity: 1; pointer-events: all; }
@media only screen
and (min-width : 961px) {
    .supperimpossed-header-internal { margin: 0 0 8rm; }
    .supperimpossed-header-internal .bttn-container { order: 2; }
    .supperimpossed-header-internal h3 { font-size: 4.5em; letter-spacing: .044em; line-height: 1em; }

    .supperimpossed-header-internal .bttn-share .bttn-outlined:hover, 
    .supperimpossed-header-internal .bttn-share .bttn-outlined:hover i::before,
    .supperimpossed-header-internal .bttn-share ul li a:hover { color: var(--yellow); }
    .supperimpossed-header-internal .bttn-share ul li a { font-size: 1.9rem; }
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
    .supperimpossed-header-internal h3 { width: 100%; margin-top: 1em; }
}
/* @end */