#embark{
    position: relative;
    height: 100rem;
    overflow: hidden;
    /* display: none; */

}

#embark:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 25vh;
    z-index: 1;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #956158), to(transparent));
    background: -o-linear-gradient(top, #956158 5%, transparent 100%);
    background: linear-gradient(
180deg
, #956158 5%, transparent 100%);
}

#embark:before{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 25vh;
    z-index: 1;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(149, 97, 88, 1)), color-stop(80%, rgba(118, 115, 66, 0)));
    background: -o-linear-gradient(bottom, rgba(149, 97, 88, 1) 0%, rgba(118, 115, 66, 0) 80%);
    background: linear-gradient(360deg, rgba(149, 97, 88, 1) 0%, rgba(118, 115, 66, 0) 80%);
}

.embark__firstrow,
.embark__secondrow{
    /* position: relative; */
}

.embark__firstrow__left,
.embark__firstrow__middle,
.embark__firstrow__right,
.embark__secondrow__monkey,
.embark__secondrow__bird{
    position: absolute;
}

.embark__firstrow__left,
.embark__firstrow__middle{
    left: 0;
    height: 20rem;
    width: 40rem;
    z-index: 6;
    top: 30rem;
}

.embark__firstrow__middle{
    z-index: 5;
}

.embark__firstrow__left figure img,
.embark__firstrow__middle figure img{
    position: absolute;
    top: 0;
    left: -6rem;
    height: 100%;
}

.embark__firstrow__right{
    right: 0;
    width: 100%;
}

.embark__firstrow__right figure:after{
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 10vh;
    z-index: 5;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(149, 97, 88, 1)), color-stop(80%, rgba(118, 115, 66, 0)));
    background: -o-linear-gradient(bottom, rgba(149, 97, 88, 1) 0%, rgba(118, 115, 66, 0) 80%);
    background: linear-gradient(
360deg
, rgba(149, 97, 88, 1) 0%, rgba(118, 115, 66, 0) 80%);
}

.embark__firstrow__right figure{
    height: 50rem;
}

/* Second Row */

.embark__secondrow__monkey{
    height: 19rem;
    width: 100%;
    max-width: 37.5rem;
    bottom: 21rem;
    left: 0rem;
}
.embark__secondrow__monkey figure{
    position: relative;
    height: 40rem;
}

.embark__secondrow__monkey figure:after{
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 10vh;
    z-index: 5;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(149, 97, 88, 1)), color-stop(80%, rgba(118, 115, 66, 0)));
    background: -o-linear-gradient(bottom, rgba(149, 97, 88, 1) 0%, rgba(118, 115, 66, 0) 80%);
    background: linear-gradient(360deg, rgba(149, 97, 88, 1) 0%, rgba(118, 115, 66, 0) 80%);
}

.embark__secondrow__monkey figure img{
    position: absolute;
    left: 0;
    top: 0;
}

.embark__secondrow__monkey figure img:nth-child(1){
    z-index: 4;
}
.embark__secondrow__monkey figure img:nth-child(2){
    z-index: 3;
}
.embark__secondrow__monkey figure img:nth-child(3){
    z-index: 2;
}
.embark__secondrow__monkey figure img:nth-child(4){
    z-index: 1;
}

.embark__secondrow__bird{
    bottom: 0;
    right: 0;
    width: 100%;
    max-width: 37.5rem;
}

/* Middle Bird */

.embark__animation__middle{
    width: 100%;
    height: 43rem;
    max-width: 37.5rem;
    margin-left: auto;
}

.embark__animation__middle figure{
    position: relative;
    height: 43rem;
    top: 33rem;
    right: -4rem;
    z-index: 2;
}

.embark__animation__middle figure img{
    position: absolute;
    top: 0;
    right: 0;
}

/* Copy */

.embark__secondarycopy{
    position: absolute;
    top: 20.5rem;
    left: 50%;
    text-align: center;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 5;
    width: 23.5rem;
}

.embark__maincopy{
    position: absolute;
    top: 57rem;
    left: 50%;
    text-align: center;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 5;
    width: 36rem;
}

.embark__secondarycopy h3{
    font-family: minion-pro, serif;
    font-size: 2.2em;
    line-height: 2.8rem;
    color: #EDF2F2;
    font-weight: 400;
    text-shadow: 0px 2px 4px rgba(12, 38, 35, .34);
}

.embark__maincopy h2{
    font-size: 2.6em;
    line-height: 2.9rem;
    letter-spacing: 2.64px;
    color: #EDF2F2;
    text-transform: uppercase;
    font-weight: 500;
    text-shadow: 0px 2px 4px rgba(12, 38, 35, .34);
}

.embark__floattext__monkey,
.embark__floattext__bird,
.embark__floattext__moon{
    position: absolute;
    bottom: 3rem;
    width: 100%;
    text-align: center;
    font-size: 1.2em;
    line-height: 2.4rem;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: #EDF2F2;
    font-weight: 500;
    z-index: 10;
    text-shadow: 0px 2px 4px rgba(12, 38, 35, .34);
}

.embark__floattext__monkey{
    bottom: 46rem;
    left: 0;
}

.embark__floattext__moon{
    bottom: auto;
    top: 11rem;
}

.embark__secondrow__monkey figure span,
.embark__secondrow__bird figure span,
.embark__secondrow__moon figure span{
    display: none;
}


.embark__secondrow__bird figure{
    position: relative;
    height: 21rem;
}

.embark__secondrow__bird figure img{
    position: absolute;
    top: 0;
    left: 0;
}

.embark__secondrow__bird figure img:first-child{
    z-index: 2;
    height: 24rem;
    object-fit: contain;
    right: 0;
    width: auto;
    left: auto;
    top: auto;
    bottom: 0;
}

.embark__secondrow__bird figure img.hidemobile{
    display: none ;
}

.embark__secondrow__bird{
    z-index: 5;
}

@media only screen and (min-width: 768px){

    .embark__secondrow__bird{
        z-index: initial;
    }

    .embark__secondrow__bird figure img.hidemobile{
        display: block;
    }

    .embark__secondrow__bird:before{
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        width: 100%;
        height: 15vh;
        z-index: 1;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #956158), to(transparent));
        background: -o-linear-gradient(top, #956158 5%, transparent 100%);
        background: linear-gradient( 
    180deg
     , #956158 5%, transparent 100%);
    }
    
    .embark__secondrow__bird:after{
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        height: 100%;
        z-index: 4;
        /* width: 40vw; */
        width: 10rem;
        opacity: 1;
        background: -webkit-gradient(linear, left top, right top, from(#956158), color-stop(80%, transparent));
        background: -o-linear-gradient(left, #956158 0, transparent 80%);
        background: linear-gradient(
    90deg
    , #956158 0, transparent 80%);
    
    }

    .embark__firstrow__right figure::before {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        height: 100%;
        z-index: 4;
        /* width: 40vw; */
        width: 50vw;
        opacity: 1;
        background: -webkit-gradient(linear, left top, right top, from(#956158), color-stop(80%, transparent));
        background: -o-linear-gradient(left, #956158 0, transparent 80%);
        background: linear-gradient(120deg, #956158 0, transparent 80%);
    }

    .embark__floattext__monkey,
    .embark__floattext__bird,
    .embark__floattext__moon{
        display: none;
    }

    #embark{
        height: 90rem;
    }

    .embark__secondrow__monkey{
        bottom: 0;
        left: -11rem;
        z-index: 5;
    }

    .embark__firstrow__left,
    .embark__firstrow__middle{
        left: 0;
        top: 24rem;
        width: 46rem;
    }
    
    .embark__firstrow__right{
        right: 0;
        width: 100%;
        position: relative;
    }

    .embark__firstrow__right figure{
        height: 45rem;
        width: 80.6vw;
        margin-left: auto;
        position: relative;
    }

    .embark__shadowmain{
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 25vw;
        /* background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, rgba(149, 97, 88, 1)), to(transparent));
        background: -o-linear-gradient(top, rgba(149, 97, 88, 1) 5%, transparent 100%); */
        background: linear-gradient(90deg , rgba(149, 97, 88, 1) 0%, transparent 80%);
    }

    .embark__animation__middle{
        width: 100%;
        height: 43rem;
        max-width: 37.5rem;
        margin-left: auto;
    }

    .embark__animation__middle figure{
        right: 0;
        top: 32rem;
    }

    .embark__secondrow__monkey{
        height: 45rem;
        max-width: 66.5rem;
    }

    .embark__secondrow__bird figure{
        height: 31rem;
    }

    .embark__secondrow__bird figure img:first-child{
        height: 29rem;
    }

    .embark__secondrow__bird{
        max-width: 42.5rem;
    }

    .embark__secondrow__monkey figure{
        height: 45rem;
    }

    .embark__secondarycopy{
        top: 15rem;
    }

    .embark__maincopy{
        top: 48.5rem;
    }

    .embark__secondrow__monkey figure span{
        position: absolute;
        top: 1rem;
        right: 24rem;
        /* background-color: red; */
        z-index: 6;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        font-size: 1.2em;
        line-height: 2.4rem;
        letter-spacing: 1.5px;
        text-transform: uppercase;
        color: #EDF2F2;
        font-weight: 500;
        min-width: 14.5rem;
        white-space: nowrap;
        text-shadow: 0px 2px 4px rgba(12, 38, 35, .34);
    }
    
    .embark__secondrow__bird figure span{
        position: absolute;
        bottom: 10rem;
        right: 10rem;
        z-index: 6;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        font-size: 1.2em;
        line-height: 2.4rem;
        letter-spacing: 1.5px;
        text-transform: uppercase;
        color: #EDF2F2;
        font-weight: 500;
        min-width: 14.5rem;
        white-space: nowrap;
        text-shadow: 0px 2px 4px rgba(12, 38, 35, .34);
        text-align: center;
    }

    .embark__floattext__monkey__desktop,
    .embark__floattext__moon__desktop{
        z-index: 6;
        position: absolute;
        text-transform: uppercase;
        color: #EDF2F2;
        white-space: nowrap;
        text-shadow: 0px 2px 4px rgba(12, 38, 35, .34);
        font-size: 1.2em;
        line-height: 2.4rem;
        letter-spacing: 1.5px;
    }

    .embark__secondrow__monkey figure span,
    .embark__secondrow__bird figure span{
        display: block;
    }

    .embark__floattext__monkey__desktop{
        bottom: -2rem;
        left: 3rem;
    }

    .embark__floattext__moon__desktop{
        right: 4rem;
        bottom: 13rem;
    }

    .embark__secondrow__bird:after{
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        height: 100%;
        z-index: 4;
        /* width: 40vw; */
        width: 10rem;
        opacity: 1;
        background: -webkit-gradient(linear, left top, right top, from(#956158), color-stop(80%, transparent));
        background: -o-linear-gradient(left, #956158 0, transparent 80%);
        background: linear-gradient(
    90deg
    , #956158 0, transparent 80%);
    }
}

@media only screen and (min-width: 1024px){

    #embark{
        height: 113rem;
    }

    #embark:after {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        width: 100%;
        height: 35.9rem;
        z-index: 1;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, rgba(149, 97, 88, 1)), to(transparent));
        background: -o-linear-gradient(top, rgba(149, 97, 88, 1) 5%, transparent 100%);
        background: linear-gradient(180deg, rgba(149, 97, 88, 1) 5%, transparent 100%);
    }

    #embark:before{
        display: none;
    }

    .embark__secondrow__monkey figure:after{
        display: none;
    }

    .embark__firstrow__left,
    .embark__firstrow__middle{
        left: 0;
        top: 20rem;
        height: 28rem;
        width: 55rem;
    }
    
    .embark__firstrow__right{
        right: 0;
        width: 100%;
    }

    .embark__firstrow__right figure{
        height: 48rem;
        width: 80.6vw;
        /* position: absolute;
        right: 0; */
        margin-left: auto;
        position: relative;
    }

    .embark__shadowmain{
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 25vw;
        /* background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, rgba(149, 97, 88, 1)), to(transparent));
        background: -o-linear-gradient(top, rgba(149, 97, 88, 1) 5%, transparent 100%); */
        background: linear-gradient(90deg , rgba(149, 97, 88, 1) 0%, transparent 80%);
    }

    .embark__secondrow__monkey{
        height: 60rem;
        max-width: 85.5rem;
        left: -13rem;
    }

    .embark__secondrow__monkey figure img:nth-child(2){
        bottom: -5px;
    }

    .embark__secondrow__bird{
        max-width: 57.5rem;
    }

    .embark__secondrow__monkey figure{
        height: 60rem;
    }

    .embark__animation__middle{
        width: 100%;
        height: 51rem;
        max-width: 45.5rem;
        margin-left: auto;
    }

    .embark__animation__middle figure{
        right: 0rem;
        height: 51rem;
        top: 38rem;
    }

    .embark__secondarycopy h3 {
        font-size: 2.2em;
        line-height: 3.8rem;
        font-weight: 400;
    }
    
    .embark__maincopy h2 {
        font-size: 3.4em;
        line-height: 4.8rem;
        letter-spacing: 3.48px;
    }

    .embark__secondarycopy{
        width: 35.5rem;
    }

    .embark__maincopy{
        width: 49rem;
        top: 51.5rem;
    }

    .embark__secondrow__monkey figure span,
    .embark__secondrow__bird figure span,
    .embark__floattext__moon__desktop,
    .embark__floattext__monkey__desktop{
        font-size: 1.8em;
        line-height: 3.2rem;
        letter-spacing: 1.92px;
    }

    .embark__secondrow__bird figure span{
        bottom: 13rem;
        right: 14rem;
    }

    .embark__secondrow__monkey figure span{
        top: -3rem;
        right: 29rem;
    }

    .embark__secondrow__bird figure{
        height: 45rem;
    }

    .embark__secondrow__bird:after{
        width: 25rem;
    }

    .embark__secondrow__bird figure img:first-child{
        height: 40rem;
    }
}

@media only screen and (min-width: 1366px){

    .embark__secondrow__monkey figure span{
        top: 7rem;
        right: 69rem;
    }

    .embark__secondrow__bird figure img:first-child{
        height: 72rem;
        width: 51.2rem;
        bottom: -5rem;
    }

    .embark__secondrow__bird figure{
        height: 66.1rem;
    }

    .embark__secondrow__bird:after{
        width: 50vw;
    }

    #embark{
        height: 170rem;
    }

    .embark__firstrow__left,
    .embark__firstrow__middle{
        /* left: 0; */
        top: 20rem;
        height: 64.2rem;
        width: 113.4rem;
        left: calc(58vw - 113.4rem);
    }

    /* .embark__firstrow__right figure:after{
        width: 120vw;
        right: -20vw;
    }

    .embark__firstrow__right figure:before{
        left: -20vw;
    } */
    
    .embark__firstrow__right{
        right: 0;
        width: 100vw;        
    }

    .embark__firstrow__right figure{
        height: 80rem;
        display: flex;
        justify-content: center;
        align-items: center;
    }


    .embark__secondrow__monkey{
        height: 93.6rem;
        z-index: 5;
        max-width: 142rem;
        left: calc(74vw - 142rem);
    }

    .embark__secondrow__bird{
        max-width: 113.7rem;
        right: calc(57vw - 113.7rem);
    }

    .embark__secondrow__monkey figure{
        height: 93.6rem;
    }


    .embark__animation__middle{
        max-width: 78rem;
        height: 89.6rem;
    }
    
    .embark__animation__middle figure{
        height: 89.6rem;
        right: calc(37.5vw - 78rem);
        top: 48rem;
    }

    .embark__secondarycopy{
        top: 30rem;
    }

    .embark__maincopy{
        top: 89rem;
    }

    /* .embark__secondrow__monkey figure span{
        bottom: 14rem;
        right: -5rem;
    } */
    
    .embark__secondrow__bird figure span{
        bottom: 21.8rem;
        right: 34.5rem;
    }

    /* .embark__secondrow__monkey figure img{
        left: -5rem;
    } */

    .embark__firstrow__left figure img, .embark__firstrow__middle figure img{
        left: 0;
    }

    .embark__secondrow__monkey figure img{
        left: -5rem;
    }

    .embark__floattext__moon__desktop{
        right: 22rem;
        bottom: 21rem;
    }

    .embark__floattext__monkey__desktop{
        left: 10rem;
        bottom: -3rem;
    }

}

@media only screen and (min-width: 1920px){
    .embark__firstrow__right{
        width: 100%;
    }

    .embark__floattext__moon__desktop{
        right: 36rem;
        bottom: 15rem;
    }

    .embark__floattext__monkey__desktop{
        left: 32rem;
        bottom: -3rem;
    }
}

/* Animaciones */

@media only screen and (min-width: 1024px){
    .embark__secondrow__monkey figure img:nth-child(2){
        -webkit-animation: arcnew 8.5s ease-in-out infinite;
        animation: arcnew 8.5s ease-in-out infinite;
        transform: translateY(5px);
    }
    
    .embark__secondrow__monkey figure img:nth-child(3){
        -webkit-animation: arcMemories 6.5s ease-in-out infinite;
        animation: arcMemories 6.5s ease-in-out infinite;
    }
    
    .embark__secondrow__monkey figure img:nth-child(4){
        -webkit-animation: arc2 4.5s ease-in-out infinite;
        animation: arc2 4.5s ease-in-out infinite;
    }

    .embark__animation__middle figure img:nth-child(1){
        -webkit-animation: arc 11.5s ease-in-out infinite;
        animation: arc 11.5s ease-in-out infinite;
    }
    
    .embark__secondrow__bird figure img:nth-child(1){
        -webkit-animation: arcBeOnenew 11.5s ease-in-out infinite;
        animation: arcBeOnenew 11.5s ease-in-out infinite;
    }
    
    .embark__animation__middle figure img:nth-child(2){
        -webkit-animation: arcBottomRight 10.5s ease-in-out infinite;
        animation: arcBottomRight 10.5s ease-in-out infinite;
    }
}