.case-studies-dock {
    font-size: 0;
    padding: 12rem 5vw;
}

.case-studies-dock a {
    color: var(--color-primary-black);
    text-decoration: none;
}

.case-studies-dock a svg {
    margin-left: 0.5rem;
}

.case-studies-dock-left {
    box-sizing: border-box;
    display: inline-block;
    font-size: var(--font-body);
    padding-top: 6rem;
    padding-right: 4rem;
    vertical-align: top;
    width: 25%;
}

.case-studies-dock-left .case-studies-dock-link {
    margin-top: 3rem;
}

.case-studies-dock-right {
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    width: 75%;
}

.case-studies-dock-right .case-study {
    background-color: var(--color-light-gray);
    box-sizing: content-box;
    display: inline-block;
    font-size: var(--font-body);
    text-align: right;
    vertical-align: top;
    width: 25%;
}

.case-studies-dock-right .case-study a {
    display: block;
}

.case-studies-dock-right .case-study-wrapper {
    border: solid 1rem var(--color-primary-white);
    border-collapse: separate;
    padding: 4rem 2rem 2rem 2rem;
}

.case-studies-dock-right .case-study .case-study-logo {
    display: table-cell;
    margin: 0 auto;
    position: relative;
    text-align: center;
    vertical-align: middle;
}

.case-studies-dock-right .case-study img {
    height: auto;
    width: 80%;
}

.case-studies-dock-right .case-study .case-study-link {
    margin-top: 3rem;
}

@media (max-width: 1100px) {

    .case-studies-dock {
        padding: 5rem 5vw;
    }

    .case-studies-dock-right .case-study {
        width: 33.333%;
    }
}

@media (max-width: 1100px) {

    .case-studies-dock-left {
        display: block;
        margin-bottom: 4rem;
        padding-right: 0;
        width:100%;
    }

    .case-studies-dock-right {
        display: block;
        width: 100%;
    }

    .case-studies-dock-right .case-study {
        width: 50%;
    }
}

@media (max-width: 468px) {


    .case-studies-dock-right .case-study-wrapper {
        border-left: none;
        border-right: none;
        border-top: none;
    }

    .case-studies-dock-right .case-study {
        width: 100%;
    }
}