.vertical_line_spacer {
    margin: 0;
    padding: 0;
}

.vertical_line_spacer.bg-dark {
    background-color: var(--bg-gray);
}

.vertical_line_spacer .spacer {
    position: relative;
    display: flex;
    width: 100%;
}

.vertical_line_spacer .v_line {
    background-color: var(--red);
    width: 2px;
}

.vertical_line_spacer .spacer-tall .v_line {
    height: 200px;
}

.vertical_line_spacer .spacer-short .v_line {
    height: 100px;
}
.vertical_line_spacer .spacer-left {
    justify-content: flex-start;
}
.vertical_line_spacer .spacer-center {
    justify-content: center;
}
.vertical_line_spacer .spacer-right {
    justify-content: flex-end;
}



@media screen and (max-width: 767px) {
    .vertical_line_spacer .spacer-tall .v_line {
        height: 100px;
    }

    .vertical_line_spacer .spacer-short .v_line {
        height: 50px;
    }
}