/* =========================================================
   Travel Map Page
   ========================================================= */

.travel-map-page {
    width: 100%;
}


/* =========================================================
   Map
   ========================================================= */

.travel-map-section {
    width: 50%;
    margin-inline: auto;
}


.travel-map-container {
    width: 100%;
    height: 400px;
    border: 4px solid #000;
}


/* =========================================================
   Photo Group
   ========================================================= */

.travel-photo-group-section {
    width: 100%;
    margin-top: 3rem;
}


/* ---------------------------------------------------------
   Mobile
   --------------------------------------------------------- */

@media screen and (max-width: 767px) {

    .travel-map-container {
        height: 350px;
    }

}