.doc-container {
	position: relative;
}

.deciem-logo {
    content: "";
    display: block;
    width: 80px;
    height: 80px;
    position: absolute;
    top: 41px;
    left: 38px;
    background: url('../logo.svg');
}

.doc-container .right-arrow{
    width: 1022px;
    height: 26px;
    margin-top: 72px;
    margin-bottom: 148px;
}

.doc-container .parentContainer{
    margin-left: 20%;
    max-width: 1166px;
    overflow-x: hidden;
}

.founderContainer{
    display: flex;
}

.gray {
    color: #757575;
}

.lettersContainer .vector {
    margin-top: 59px;
    margin-bottom: 59px;
}

.founderContainer .rotate-letters{
    display: flex;
    flex-direction: column;
}

.founderContainer .rotate90{
    color: black;
    font-size: 64px;
    line-height: 66.56px;
    font-family: AvantGardeGothicProBold, sans-serif;
    font-weight: 700;
    font-style: normal;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    transform-origin: bottom right;
    margin-top: 15px;
    width: 400px;
    margin-left: -250px;
}

.founderContainer .lettersImg{
    width: 91px;
    height: 151.71px;
    margin-left: 30px;
    margin-top: 400px;
}

.founderContainer .nk-btImg{
    position: relative;
}

.founderContainer .btImg{
    width: 497px;
    height: 820px;
    margin-left: 60px;
    margin-top: -120px;
}

.founderContainer .nkImg{
    position: absolute;
    left: 400px;
    top: 496px;
    height: 614px;
    transform: scaleX(-1);
}

.founderContainer .butterfly-names{
    display: flex;
    flex-direction: column;
    margin-left: 50px;
    width: 395px;
}

.founderContainer .butterflyImg{
    width: 70px;
    height: 70px;
    align-self: center;
    margin-top: 174px;
    margin-bottom: 56px;
}

.founderContainer .name {
    font-family: MuseoSansBold, sans-serif;
    font-size: 16px;
    line-height: 19.2px;
}

.founderContainer .position {
    font-family: MuseoSansRegular, sans-serif;
    font-size: 16px;
    line-height: 19.2px;
    color: #757575;
    margin-bottom: 16px;
}

.founderContainer .butterfly-names .left-arrow{
    margin-top: 20px;
}

.lettersContainer p{
    font-size: 14px;
    line-height: 16.8px;
}

.coFounderContainer{
    display: flex;
    flex-direction: column;
}

.coFounderContainer .coFounderImg{
    height: 614px;
    width: 530px;
}

.lettersContainer{
    display: flex;
    margin-top: 80px;
    margin-left: 75px;
}

.lettersContainer .letters{
    width: 391px;
}

.lettersContainer .bt-signature{
    width: 44px;
    height: 99px;
}

.lettersContainer .nk-signature{
    width: 100px;
    height: 51px;
}

.lettersContainer .snail{
    margin-left: auto;
}

.lettersContainer .snail .rotate-snail{
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    margin-right: -25px;
    margin-top: 1100px;
}

.lettersContainer .bt-mobileContainer{
    display: none;
}

.lettersContainer .nk-mobileContainer{
    display: none;
}

.lettersContainer .btImg-mobile{
    display: none;
}

.lettersContainer .nkImg-mobile{
    display: none;
}

.lettersContainer .plusMinus{
    display: none;
}

.lettersContainer .mobileSnailImg{
    display: none;
}

.lettersContainer .mobile-right-arrow{
    display: none;
}

.lettersContainer .collapse{
    display: block;
}

/* Tablet Size */
@media (max-width: 1024px) {
    .deciem-logo {
        display: none;
    }

    .doc-container .right-arrow{
        width: 675px;
    }

    .founderContainer .name, .founderContainer .position {
        font-size: 14px;
        line-height: 17px;
    }

    .founderContainer .position {
        margin-bottom: 13px;;
    }

    .founderContainer .butterflyImg {
        margin-top: 105px;
        margin-bottom: 35px;
    }
    
    .founderContainer .butterfly-names .left-arrow {
        margin-top: 27px;
    }

    .founderContainer .btImg {
        margin-top: 0;
        width: 303px;
        height: 500px;
        margin-left: 0;
    }

    .founderContainer .nkImg {
        top: 375px;
        left: 200px;
        height: 374px;
    }

    .founderContainer .rotate90 {
        font-size: 45px;
        line-height: 104%;
        margin-left: -279px;
        margin-top: 125px;
    }

    .founderContainer .lettersImg {
        margin-right: auto;
        margin-top: 425px;
    }

    .parentContainer {
        margin-left: 13%;
    }

    .lettersContainer {
        margin-top: 25px;
    }

    .lettersContainer .letters{
        max-width: 446px;
        width: 100%;
        font-size: 14px;
        line-height: 16.8px;
    }

    .lettersContainer .snail .rotate-snail {
        margin-top: 1083px;
    }
}

@media (max-width: 767px) {

    .doc-container .right-arrow{
        display: none;
    }

    .doc-container .founderContainer{
        display: none;
    }

    .doc-container .parentContainer{
        margin-left: 0;
        overflow: visible;
    }

    .parentContainer .lettersContainer{
        margin-left: 0;
    }

    .lettersContainer .letters{
        max-width: 100%;
    }

    .lettersContainer .mobile-letters{
        margin-top: 40px;
        margin-left: 24px;
        margin-right: 24px;
    }

    .lettersContainer .vector {
        display: none;
    }

    .lettersContainer .mobile-right-arrow{
        display: block;
        margin-top: 37px;
        margin-bottom: 54px;
        width: 90%;
    }

    .lettersContainer .mobileSnailImg{
        display: block;
        float: right;
        margin-bottom: -12px;
    }

    .lettersContainer .snail{
        display: none;
    }

    .lettersContainer .bt-mobileContainer{
        display: block;
    }

    .lettersContainer .nk-mobileContainer{
        display: block;
    }

    .lettersContainer .butterflyMobileImg {
        margin-top: 20px;
        margin-bottom: -16px;
        margin-left: 11px;
    }

    .lettersContainer .founder-mobile-name {
        font-family: AvantGardeGothicProBold, sans-serif;
        font-size: 40px;
        line-height: 37.8px;
        margin-left: 43px;
    }

    .lettersContainer .founder-mobile-position {
        margin-left: 48px;
        font-size: 18px;
        font-family: 'MuseoSansBold', sans-serif;
        margin-top: 29px;
        margin-bottom: 30px;
    }

    .lettersContainer .plusMinus{
        display: block;
        margin-left: 47px;
        margin-bottom: 30px;
    }

    .lettersContainer .btImg-mobile{
        display: block;
        width: 100%;
    }

    .lettersContainer .nkImg-mobile{
        display: block;
        width: 100%;
    }

    .lettersContainer a.founderCollapsable.collapsed:before {
        content: '+';
        display: block;
        font-size: 25px;
    }

    .lettersContainer a.founderCollapsable:before {
        content: '-';
        display: block;
        font-size: 25px;
    }

    .lettersContainer a.founderCollapsable {
        text-decoration: none !important;
    }

    .lettersContainer .collapse:not(.show){
        display: none;
    }

    .lettersContainer .collapsing{
        width: 100%;
    }

}