#embark{
    position: relative;
    height: 113rem;
    overflow: hidden;
}

#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(0, 125, 127, 1)), color-stop(80%, rgba(118, 115, 66, 0)));
    background: -o-linear-gradient(bottom, rgba(0, 125, 127, 1) 0%, rgba(118, 115, 66, 0) 80%);
    background: linear-gradient(360deg, rgba(0, 125, 127, 1) 0%, rgba(118, 115, 66, 0) 80%);
}

#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(0, 125, 127, 1)), to(transparent));
    background: -o-linear-gradient(top, rgba(0, 125, 127, 1) 5%, transparent 100%);
    background: linear-gradient(
180deg
, rgba(0, 125, 127, 1) 5%, transparent 100%);
}

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

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

/* .embark__firstrow__left{
    left: -21rem;
    width: 40rem;
}

.embark__firstrow__right{
    right: -22rem;
    width: 40rem;
} */

/* Second Row */

.embark__secondrow__monkey{
    height: 37rem;
    width: 100%;
    /* max-width: 37.5rem; */
    bottom: 30rem;
    /* left: -8rem; */
}
.embark__secondrow__monkey figure{
    position: relative;
    height: 40rem;
}

.embark__firstrow__left{
    width: 50rem;
    left: -12rem;
}

.embark__firstrow__left figure{ 
    position: relative;
    height: 55rem;
}

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

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

.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(0, 125, 127, 1)), color-stop(80%, rgba(118, 115, 66, 0)));
    background: -o-linear-gradient(bottom, rgba(0, 125, 127, 1) 0%, rgba(118, 115, 66, 0) 80%);
    background: linear-gradient(360deg, rgba(0, 125, 127, 1) 0%, rgba(118, 115, 66, 0) 80%);
}

.embark__firstrow__left figure img,
.embark__firstrow__right figure img,
.embark__secondrow__bird 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; */
}

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

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

/* 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: 12.5rem;
    left: 50%;
    text-align: center;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 5;
    width: 34.5rem;
}

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

.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{
    position: absolute;
    bottom: 20rem;
    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{
    top: 40rem;
}

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

.embark__firstrow__left figure:after{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: auto;
    bottom: 0;
    width: 100%;
    height: 25.9rem;
    z-index: 3;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, rgba(0, 125, 127, 1)), to(transparent));
    background: -o-linear-gradient(top, rgba(0, 125, 127, 1) 5%, transparent 100%);
    background: linear-gradient(0deg, rgba(0, 125, 127, 1) 5%, transparent 100%);
}

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

    .embark__firstrow__left figure:after,
    .embark__firstrow__right figure:after{
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        top: auto;
        bottom: 0;
        width: 100%;
        height: 25.9rem;
        z-index: 3;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, rgba(0, 125, 127, 1)), to(transparent));
        background: -o-linear-gradient(top, rgba(0, 125, 127, 1) 5%, transparent 100%);
        background: linear-gradient(0deg, rgba(0, 125, 127, 1) 5%, transparent 100%);
    }

    .embark__firstrow__left figure:before{
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        top: auto;
        bottom: -9rem;
        width: 100%;
        height: 10rem;
        z-index: 3;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, rgba(0, 125, 127, 1)), to(transparent));
        background: -o-linear-gradient(top, rgba(0, 125, 127, 1) 5%, transparent 100%);
        background: linear-gradient(180deg, rgba(0, 125, 127, 1) 5%, transparent 100%);
    }

    .embark__floattext__monkey,
    .embark__floattext__bird{
        display: none;
    }

    .embark__secondarycopy{
        width: 46.5rem;
    }

    .embark__firstrow__right figure{
        position: relative;
        height: 49rem;
        overflow: hidden;
    }

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

    #embark{
        height: 90rem;
    }

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

    .embark__firstrow__left{
        left: -12rem;
        width: 53rem;
    }
    
    .embark__firstrow__right{
        right: -5rem;
        width: 40rem;
        top: 6rem;
    }

    .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: 42.5rem;
    }

    .embark__secondrow__bird{
        max-width: 42.5rem;
    }

    .embark__secondrow__monkey figure{
        height: 45rem;
    }

    .embark__secondarycopy{
        top: 23rem;
    }

    .embark__maincopy{
        top: 52.5rem;
    }

    .embark__firstrow__left figure span{
        position: absolute;
        bottom: 4rem;
        right: -20rem;
        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__secondrow__bird figure span{
        position: absolute;
        bottom: 19rem;
        right: 0rem;
        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__secondrow__monkey figure span,
    .embark__secondrow__bird figure span{
        display: block;
    }
}

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

    #embark{
        height: 100rem;
    }

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

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

    .embark__secondrow__monkey figure:after{
        display: none;
    }

    .embark__firstrow__left{
        left: 0rem;
        width: 55rem;
    }
    
    .embark__firstrow__right{
        right: 0rem;
        /* width: 55rem; */
    }

    .embark__secondrow__monkey{
        height: 60rem;
        max-width: 60.5rem;
        left: -4rem;
        /* position: relative; */
    }

    .embark__secondrow__monkey:after{
        content: '';
        position: absolute;
        right: 0;
        top: 0;
        width: 15vw;
        height: 100%;
        z-index: 1;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, rgba(0, 125, 127, 1)), to(transparent));
        background: -o-linear-gradient(top, rgba(0, 125, 127, 1) 5%, transparent 100%);
        background: linear-gradient(270deg, rgba(0, 125, 127, 1) 5%, transparent 100%);
    }

    .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: 47rem;
    }

    .embark__maincopy{
        width: 66rem;
    }

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

    .embark__secondrow__bird figure{height: 35rem;}

    .embark__secondrow__bird figure span{
        bottom: 23rem;
    }

    .embark__maincopy{
        top: 51rem;
    }
}

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

    #embark{
        height: 186rem;
    }

    .embark__firstrow__left{
        width: 111rem;
        left: calc(57vw - 111rem);
    }
    
    .embark__firstrow__left figure{
        height: 109.8rem;
    }
    
    .embark__firstrow__right{
        right: calc(38vw - 73rem);
        width: 73rem;
        top: 17rem;
    }


    .embark__secondrow__monkey{
        height: 109.7rem;
        max-width: 111.1rem;
        left: calc(58vw - 110rem);
    }

    .embark__secondrow__bird{
        max-width: 104.9rem;
        right: calc(54vw - 104.9rem);
    }

    .embark__secondrow__bird figure{
        height: 64.3rem;
    }

    .embark__secondrow__monkey figure{
        height: 109.7rem;
    }
    
    .embark__firstrow__right figure{
        height: 90rem;
    }

    .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: 48rem;
    }

    .embark__maincopy{
        top: 106rem;
    }

    .embark__firstrow__left figure span{
        bottom: 12rem;
        right: 5rem;
    }
    
    .embark__secondrow__bird figure span{
        bottom: 44.3rem;
        right: 24.5rem;
    }

}

/* Animaciones */

@media only screen and (min-width: 1024px){
    .embark__secondrow__bird figure img:nth-child(1){
        -webkit-animation: float4 3.7s ease-in-out infinite;
        animation: float4 3.7s ease-in-out infinite;
    }
    
    .embark__firstrow__left figure img:nth-child(2){
        -webkit-animation: arc 6.7s ease-in-out infinite;
        animation: arc 6.7s ease-in-out infinite;
    }
    
    .embark__firstrow__right figure img:nth-child(3){
        -webkit-animation: arc2 6.7s ease-in-out infinite;
        animation: arc2 6.7s ease-in-out infinite;
    }
    
    .embark__firstrow__right figure img:nth-child(2){
        -webkit-animation: arcBottomRight 9.7s ease-in-out infinite;
        animation: arcBottomRight 9.7s ease-in-out infinite;
    }
    
    .embark__secondrow__monkey figure img:nth-child(1){
        -webkit-animation: float4 4.7s ease-in-out infinite;
        animation: float4 4.7s ease-in-out infinite;
    }
}