.sectionTitleDescription:before {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    background: -moz-linear-gradient(180deg, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, .2637429971988795) 100%);
    background: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, .2637429971988795) 100%);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, .2637429971988795) 100%)
}

.sectionTitleDescription .disapearArticle {
    transform: translateY(-1em);
    opacity: 0;
    transition: 1s
}

.sectionTitleDescription .appearElement {
    transform: translateX(0);
    opacity: 1
}

.divSectionTitleDescription .reverseSvg {
    transform: rotate(180deg);
    bottom: auto;
    top: -.8px;
    z-index: 5
}

.divSectionTitleDescription .uniformSpacing {
    margin-bottom: 8vw
}

.bodyEditor .sectionTitleDescription:before {
    position: initial
}

.sectionTitleDescription {
    background-attachment: fixed;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center
}

@supports (-webkit-touch-callout:none) {
    .sectionTitleDescription {
        background-attachment: scroll
    }
}

@supports not (-webkit-touch-callout:none) {
    .sectionTitleDescription {
        background-attachment: fixed
    }
}

.sectionTitleDescription .title {
    font-size: 6em;
    color: var(--basicColor1)
}

.sectionTitleDescription .subTitle {
    color: #fff;
    font-size: 3.5em
}

.sectionTitleDescription p {
    color: #fff;
    font-size: 2em;
    font-weight: 100;
    margin: 1em auto
}

.sectionTitleDescription p:after {
    content: "";
    width: 10em;
    background: #fff;
    display: block;
    margin: 1em auto 0;
    height: 2px
}

@media screen and (min-width: 2000px) {
    .sectionTitleDescription {
        padding-top: 15em;
        padding-bottom: 15em
    }
}

@media screen and (max-width: 700px) {
    .sectionTitleDescription .title {
        font-size: 4em
    }

    .sectionTitleDescription {
        height: 100%;
        padding-top: 10em;
        padding-bottom: 5em;
        background-position-y: 0 !important
    }

    .sectionTitleDescription .subTitle {
        font-size: 2em
    }

    .sectionTitleDescription p {
        font-size: 1.5em
    }

    .sectionTitleDescription p:after {
        width: 5em
    }
}

@media screen and (max-width: 500px) {
    .sectionTitleDescription .title {
        font-size: 3em
    }
}