.get-directions {
    position: relative;
}
.get-directions:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    background: #e0e0e0;
}
.directions--map {
    display: flex;
    animation: fadeIntro 0.75s;
}
.directions--map iframe {
    width: 100% !important;
    /*height: calc(400px + (650 - 400) * (100vw - 380px) / (1920 - 380));

    height: calc(510px + (760 - 510) * (100vw - 380px) / (1920 - 380));*/
    height: 400px;
}
.get-directions .directions--content {
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.get-directions .directions--details {
    background: #000;
    color: #fff;
    padding: 1rem 1.5rem 1.5rem;
}
.get-directions h3 {
    color: #fff;
    margin: 0;
    font-size: var(--h2-font);
}
.directions--content .directions--address {
    display: flex;
    flex-direction: column;
    font-size: var(--font-size__base);
}
.directions--content .address--label {
    margin-bottom: 0.35rem;
    font-size: calc(var(--font-size__base) + 5px);
}
.directions--content .directions--input {
    background: #000;
    padding: 1rem 1rem 2rem;
    display: flex;
    gap: 0.5rem;
}
.directions--content input {

}
.directions--content button {
    white-space: nowrap;
}

@media screen and (min-width: 800px) {
    .directions--content .directions--input {
        background: #fff;
        padding: 1rem;
    }
    .directions--map {
        max-height: calc(400px + (650 - 400) * (100vw - 380px) / (1920 - 380));
        align-items: flex-end;
    }
    .get-directions .directions--content {
        position: absolute;
        width: 80%;
        transform: translate(0, -50%);
        width: auto;
        top: 50%;
        left: 2rem;
    }
    .directions--map iframe {
        height: calc(510px + (760 - 510) * (100vw - 380px) / (1920 - 380));
    }
}
@media screen and (min-width: 1400px) {
    .get-directions .directions--content {
        left: calc(32px + (440 - 32) * (100vw - 1400px) / (2215 - 1400));
    }
}
@media screen and (min-width: 2215px) {
    .get-directions .directions--content {
        left: 440px;
    }
}