.section-content {
    width: 80vw;
    margin: 0% 10vw 0% 10vw;
    display: flex;
    flex-direction: row;
    padding-top: 12vw;
}

.section-content1 {
    margin-right: 20px;
    position: relative;
}

.section-content1 > .title {
    margin-bottom: 30px;
}

.section-content1 > .section-content-right-vert {
    position: absolute;
    left: -1vw;
    top: -1vh;
}

.section-content1 > .section-content-right-horiz {
    position: absolute;
    left: -10vw;
    top: 50px;
}

.section-content2 {
    margin-right: 20px;
    position: relative;
    
}

.section-content-img {
    margin-top: 10px;
    border-radius: 7px;
    max-width: 34vw;
}

.section-content2 > .section-content-right-vert {
    position: absolute;
    right: -20px;
    top: -12vw;
    z-index: 50;
}

.section-content2 > .section-content-right-horiz {
    position: absolute;
    right: -11vw;
    top: 320px;
}

.call-action-line {
    position: absolute;
    left: 1vw;
}

.section-content-right-vert-path {
    stroke-dasharray: 620;
    animation: dash-right-vert-path 4s ease-in forwards;
}

.section-content-right-vert-path1 {
    stroke-dasharray: 620;
    animation: dash-right-vert-path 4s ease-in forwards;
}

@keyframes dash-right-vert-path {
    from {
        stroke-dashoffset: 620;
      }
    to {
      stroke-dashoffset: 0;
    }
}

/* ECRAN 2K */
@media screen and (min-width: 2500px) and (min-height: 1400px) {
    .section-content-img {
        width: 700px;
        height: auto;
    }
    .section-content2 > .section-content-right-horiz {
        top: 430px;
    }
    .section-content {
        padding-bottom: 8vh;
    }
}

/* ECRAN 4K */
@media screen and (min-width: 3500px) and (min-height: 2000px) {
    .section-content1 > .section-content-right-horiz {
        position: absolute;
        left: -10vw;
        top: 75px;
    }
}

/* ECRAN +1920x1080 */
@media screen and (max-width: 1920px) and (max-height: 1080px) {

}

/* ECRAN 17 pouces large */
@media screen and (max-width: 1680px) and (max-height: 1100px) {

}

/* ECRAN 13 à 15 pouces standard */
@media screen and (max-width: 1400px) and (max-height: 1050px) {
    .section-content-img {
        margin-top: 55px;
    }
    .section-content2 > .section-content-right-horiz {
        top: 365px;
    }
}


/* TRES GRAND MOBILE 1050x1370 */
@media screen and (max-width: 1050px ) and (max-height: 1370px ) {
    .section-content {
        width: 80vw;
        margin: 0% 10vw 0% 10vw;
        display: flex;
        flex-direction: column;
        padding-top: 12vw;
    }
    .section-content2 > .section-content-right-vert {
        display: none;
    }
    
    .section-content2 > .section-content-right-horiz {
        display: none;
    }
    .section-content-img {
        margin-top: 40px;
        max-width: auto;
    }
    .section-content1 > .paragraph {
        padding-top: 10px;
    }
    .section-content-img {
        max-width: 78vw;
        margin-left: 10px;
    }
}

/* GRAND MOBILE 500x900 */
@media screen and (max-width: 500px ) and (max-height: 1000px ) {
    .section-content1 > .paragraph {
        padding-left: 15px;
    }
    .section-content1 > .title {
        padding-left: 15px;
    }
    .section-content-img {
        margin-top: 10px;
        border-radius: 7px;
    }
}

/* MOYEN petit 700 */
@media screen and (max-width: 400px ) and (max-height: 750px ) {

}