.briefcase-section-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0;
    z-index: 1;
}

    .briefcase-wrapper {
        position: absolute;
        margin: 0;
        padding: 0;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: row;
        cursor: pointer;
        overflow: hidden;
    }

        .briefcase {
            height: 100%;
            width: 33.3333%;
            background-position: center;
            background-size: cover;
            background-repeat: no-repeat;
            position: relative;
            border: .3vmin solid #000;
            transform: translateY(0);
            transition: transform 200ms ease-in-out;
            opacity: .9;
        }

            .briefcase:not(.disabled):hover,
            .briefcase.active {
                transform: translateY(-1vmin);
                transition: transform 200ms ease-in-out;
                opacity: 1;
            }

            #briefcase1 {
                background-image: url('../img/background_left.jpg');
            }

            #briefcase2 {
                background-image: url('../img/background_middle.jpg');
            }

            #briefcase3 {
                background-image: url('../img/background_right.jpg');
            }

    .briefcase-message {
        position: absolute;
        z-index: 4;
        left: 50%;
        transform: translateX(-50%);
        top: 15vmin;
        font-size: 3vmin;
        font-weight: 700;
        color: #fff;
        cursor: default;
    }

    .briefcase-combination-wrapper {
        z-index: 5;
        top: 30vmin;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }

@media(max-width: 800px) and (orientation: portrait) {
    .briefcase-wrapper {
        flex-direction: column;
    }

        .briefcase {
            height: calc(33.3333% - .6vmin);
            width: calc(100% - .6vmin);
        }
}

@media(max-width: 800px) {
    .briefcase-message {
        font-size: 6vmin;
        width: 100%;
        text-align: center;
    }
}