@charset "utf-8";

#map{padding: 100px 0;}

#map .map-img {
    margin-bottom: 5rem;
    border: 1px solid #000;
    text-align: center;
    width: fit-content;
    margin: 0 auto;
}

#map p {
    font-size: 2rem;
    line-height: 2;
    text-align: center;
}

#map .btn {
    display: block;
    background: #425c49;
    color: #fff;
    padding: 18px 10px;
    max-width: 320px;
    margin: 5rem auto 0;
    text-align: center;
    transition: all 0.5s ease;
}

#map .btn img {
    margin-right: 5px;
}

#map .btn:hover {
    background: #2a3b2e;
}

@media (max-width: 767px) {
    #map{padding: 50px 0;}
    #map p {
        font-size: 14px;
    }

    #map .btn {
        padding: 10px;
    }
}