nav{
margin-bottom:32px;
}



#content{
    width: 50%;
    height: auto;
    margin: auto;
    min-width: 760px;
}

.card-wrapper{
    padding-bottom: 0px!important;
}

#content-100{
    width: 100%;
    height: auto;
    margin: auto;
}
.case-title{
    text-align: center;
    margin: auto;
    width: 75%;
    min-width: 756;
    padding-top: 516px;
    }

    .case-title2{
        text-align: center;
        margin: auto;
        width: 75%;
        min-width: 756;
        padding-top: 516px;
        }

    .case__header{
        width: calc(100% - 156px - 156px);
        z-index: -10;
        height: 600px;
        background-image:url(../media/LYNX.jpg);
        background-size: cover;
        clip-path: polygon(0 0, 100% 0, 100% 100%, 93% 100%, 93% 80%, 7% 80%, 7% 100%, 0 100%);    
        position: absolute;
    }

    .case__header2{
        width: calc(100% - 156px - 156px);
        z-index: -10;
        height: 600px;
        background-image:url(../media/Redesign-International-Broker.jpg);
        background-size: cover;
        clip-path: polygon(0 0, 100% 0, 100% 100%, 93% 100%, 93% 80%, 7% 80%, 7% 100%, 0 100%);    
        position: absolute;
    }

    .case__header3{
        width: calc(100% - 156px - 156px);
        z-index: -10;
        height: 600px;
        background-image:url(../media/ChinaSouthernAirlines-stewardess.jpeg);
        background-size: cover;
        clip-path: polygon(0 0, 100% 0, 100% 100%, 93% 100%, 93% 80%, 7% 80%, 7% 100%, 0 100%);    
        position: absolute;
    }

    .case__header-4{
        width: calc(100% - 156px - 156px);
        z-index: -10;
        height: 600px;
        background-image:url(../media/StudieNet.png);
        background-size: cover;
        clip-path: polygon(0 0, 100% 0, 100% 100%, 93% 100%, 93% 80%, 7% 80%, 7% 100%, 0 100%);    
        position: absolute;
    }
    
    .intro__container{
        min-width: 756px;
        height: auto;
        width: 75%;
        margin: auto;
        margin-top: 40px;
    }
    
    .intro__info{
        width: 100%;
        max-width: 1128px;
        margin: auto;
        font-weight: 300;
        margin-top: 80px;
    }

.articleLogo{
    max-width: 160px;
    width: 100%;
    padding: 24px;
    position: relative;
}

table{
    margin-top: 32px;
}

th{
    width: 100px;
    text-align: center;
    font-size: 14px;
    font-family: 'DM Mono', 'Noto Serif SC', serif;
    font-weight: 100;
    color: #868e96;
    padding-top: 24px;
}


.colorpallet{
    width: 56px;
    height: 56px;
    margin: auto;
    box-shadow: -6px 6px 10px 0px rgba(0,0,0,0.05);
    border-radius: 16px;
}

#divider-article{
    width: 100%;
    height: 0px;
    background-color: #160A21;
    margin-top: 48px;
    margin-bottom: 48px;
    display: inline-block;
}


@media only screen and (max-width: 1400px) {


    main{
        padding-top: 104px;
        padding-left: 16px;
        padding-right: 16px;
    }
}


main{
padding-top: 0px!important;

}

.component{
max-width: 320px;
margin: auto;
}
.component-bp-l{
    max-width: 544px;
    }

.shadow{
    box-shadow: -6px 6px 10px 0px rgba(0,0,0,0.05);

}

.component-wrapper{
padding:24px;
max-width: 320px;
background-color: white;
border-radius: 16px;
display: inline-block;
position: relative;
vertical-align: middle;
margin-right:32px
}

.component-wrapper-bp-l{
    padding:24px;
    max-width: 544px;
    background-color: white;
    border-radius: 16px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    margin-right:32px
    }

    .mobile-wrapper{
        max-width: 288px;
        border-radius: 16px;
        display: inline-block;
        position: relative;
        vertical-align: middle;
        margin-right:32px;
        }

        .articleMockup{
            width: 100%;
            height: auto;
        }

        .corners{
            border-radius: 16px;
        }