.locations {
    margin-bottom: 70px;
}

.locations-left {
    margin-bottom: 25px;
}

.locations-right {
    padding: 15px;
    background-color: var(--color-light);
}

.locations-right iframe {
    border: 0;
    width: 100%;
    height: 260px;
}

.locations .card-visit {
    margin-bottom: 25px;
}

@media screen and (min-width: 768px) {
    .locations-inner {
        display: flex;
        flex-wrap: wrap;
    }

    .locations-left {
        margin-bottom: 0;
        padding-right: 25px;
        width: 40%;
    }

    .locations-right {
        padding: 25px 25px;
        width: 60%;
    }

    .locations-right iframe {
        border: 0;
        width: 100%;
        height: 360px;
    }
}

@media screen and (min-width: 1025px) {
    .locations-left {
        padding-right: 50px;
        width: 32.7%;
    }

    .locations-right {
        padding: 38px 52px;
        width: 67.3%;
    }

    .locations .card-visit {
        margin-bottom: 35px;
    }
}