.s-up {
    position: relative;
    height: 40vw;
    margin-top: 11vw;
}
.left {
    position: absolute;
    left: .5%;
    width: 46vw;
    height: 30vw;
    display: grid;
}
.schedule img { width: 47vw; padding-top: 1vw;}

.map {  
    width: 47.5vw;
    height: 26.15vw;
    border: 0vw;
    padding-top: 1vw;
    padding-left: 1vw;
}
.V-line {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    height: 29vw;
    width: 5px;
    background:black;
} 
.right {
    position: absolute;
    right: .5%;
    width: 48vw;
    height: 30vw;
}
.docs {
    position: absolute;
    top: 1%;
    right: 1%;
    width: 100%;
    height: 98%;
}

@media screen and (max-width: 750px) {
    .s-up {
        margin-top: 2vw;
        height: 250vw;
    }
    .V-line {
        background: none;
    }
    .left {
        top: 0px;
        transform: translateY(0%);
        width: 92vw;
        height: 54vw;
        margin-left: 2%;
        & img {width: 92vw;}
    }
    .right {
        top: 54vw;
        height: 63vw;
        width: 92vw;
        transform: none;
        right:unset;
        left: 0.5%;
        margin-left:2% ;
        & .map {width: 91.5vw;
        height: 60vw;}
    } 
}