.about-con {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 65vh;
    padding: 20px;
}

#map {
    padding: 1px;
    height: 250px;
    width: 40%;
    margin: auto 20px;
}

.about-txt {
    padding: 0 20%;
}

@media screen and (min-width: 601px) and (max-width: 1025px) {
    #map {
        width: 90%;
    }

    .about-txt {
        padding: 0 5%;
    }
}

@media screen and (max-width: 600px) {
    #map {
        width: 100%;
    }

    .about-txt {
        padding: unset;
    }
}