.hr, .vr {
    display: block;
    margin: 0;
    background: #FFF;
    position: absolute;
}

.hr {
    height: 1px;
    width: calc(50vw - 4vw);
    bottom: 4vw;
    right: 4vw;
}

.hr span, .vr span {
    display: block;
    height: 10px;
    width: 1px;
    margin: 0;
    background: rgba(255, 255, 255, 1);
    position: absolute;
    top: 0;
}

.hr span:first-child {
    left: 0;
}

.hr span:nth-child(2) {
    right: 0;
}

.vr {
    height: calc(50vh - 4vw);
    width: 1px;
    bottom: 4vw;
    right: 4vw;
}

.vr span {
    height: 1px;
    width: 10px;
}

.vr span:first-child {
    top: 0;
    right: -10px;
}

.vr span:nth-child(2) {
    right: -10px;
    top: calc(100% - 1px);
}