.sectionArtTitleDescriptionImg .title {
    font-size: 3em;
    color: var(--basicColor1)
}

.sectionArtTitleDescriptionImg .subTitle {
    font-family: myriad-pro, sans-serif;
    font-weight: 100;
    font-size: 2em
}

.sectionArtTitleDescriptionImg .disappearElement {
    transform: translateX(-2em);
    opacity: 0;
    transition: 1s
}

.sectionArtTitleDescriptionImg .appearElement, .sectionArtTitleDescriptionImg .appearSvg {
    transform: translateX(0);
    opacity: 1
}

.divSectionArtTitleDescriptionImg {
    padding-bottom: 10em;
    background: var(--basicColor5)
}

.sectionArtTitleDescriptionImg .subTitle:after {
    content: "";
    height: 2px;
    width: 10em;
    margin-top: .5em;
    background: #fff;
    display: block
}

@keyframes circleAnim {
    from {
        opacity: 1;
        r: 1
    }
    to {
        opacity: 0;
        r: 150
    }
}

.sectionArtTitleDescriptionImg .pointG circle {
    opacity: 0;
    r: 0;
    animation-name: circleAnim;
    animation-duration: 5s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
    animation-iteration-count: infinite
}

.sectionArtTitleDescriptionImg .pointG circle:nth-child(2) {
    animation-delay: 1s
}

.sectionArtTitleDescriptionImg .pointG circle:nth-child(3) {
    animation-delay: 2s
}

.sectionArtTitleDescriptionImg .pointG circle:nth-child(4) {
    animation-delay: 3s
}

.sectionArtTitleDescriptionImg .pointG circle:nth-child(5) {
    animation-delay: 4s
}

.sectionArtTitleDescriptionImg .pointG circle:nth-child(6) {
    animation-delay: 5s
}

.sectionArtTitleDescriptionImg .title span {
    font-size: 1.5em
}

.sectionArtTitleDescriptionImg .subTitle, .sectionArtTitleDescriptionImg p {
    color: #fff
}

.sectionArtTitleDescriptionImg article {
    margin-right: 20%
}

.sectionArtTitleDescriptionImg article, .sectionArtTitleDescriptionImg svg {
    display: inline-block;
    width: 45%;
    vertical-align: middle
}

.sectionArtTitleDescriptionImg svg {
    width: 35%;
    height: 100%;
    transition: 1s;
    opacity: 0;
    transform: translateX(2em)
}

@media screen and (max-width: 1000px) {
    .sectionArtTitleDescriptionImg article {
        width: 100%
    }

    .sectionArtTitleDescriptionImg .title {
        font-size: 2.5em
    }

    .sectionArtTitleDescriptionImg .subTitle:after {
        width: 3em
    }

    .sectionArtTitleDescriptionImg svg {
        width: 60%;
        display: block;
        margin: 0 auto
    }
}

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

    .divSectionArtTitleDescriptionImg {
        padding-bottom: 5em
    }

    .sectionArtTitleDescriptionImg .title span {
        font-size: 1em
    }

    .sectionArtTitleDescriptionImg .subTitle {
        font-size: 1.2em
    }

    .sectionArtTitleDescriptionImg svg {
        width: 100%
    }
}