#map_canvas {
    min-height: 400px
}

@media (min-width: 641px) {
    #map_canvas {
        min-height:600px
    }
}

@media (min-width: 961px) {
    #map_canvas {
        min-height:800px
    }
}

.info-map {
    background-color: #fff;
    border: 1px solid #d3d7d9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.8rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: -1px
}

.info-map .btn,.info-map .nav-post .next>a,.info-map .nav-post .prev>a,.info-map .text,.info-map .title,.nav-post .info-map .next>a,.nav-post .info-map .prev>a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding: 1rem;
}

.info-map .title {
    border-bottom: 1px solid #d3d7d9
}

.info-map .title .icon {
    margin-bottom: 0
}

.info-map .text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 18px;
    color: #5f8575;
}

.info-map h2.title.title-large {
    font-size: 21px;
    font-family: 'lato';
    padding: 0 30px;
}

.info-map .btn,.info-map .nav-post .next>a,.info-map .nav-post .prev>a,.nav-post .info-map .next>a,.nav-post .info-map .prev>a {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (min-width: 641px) {
    .info-map {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .info-map .title {
        border-bottom: 0;
        border-right: 1px solid #d3d7d9
    }
}


.nav-list {
    max-width: 100%
}

@media (max-width: 639px) {
    .nav-list {
        overflow-x:scroll
    }
}

.nav-list:first-child {
    margin-top: 1rem
}

@media (min-width: 641px) {
    .nav-list:first-child {
        margin-top:4rem
    }
}

.nav-list .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    padding: 0;
}

.nav-list .item {
    border-left: 1px solid #307f5e;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0;
    background: #0d4b31;
    color: #FFFFFF;
}

.nav-list .item:hover {
    background: #083924;
}

.nav-list .item:first-child {
    /* border: none; */
}


.nav-list .link {
    display: block;
    text-align: center;
    padding: 13px 5px;
}

@media (min-width: 641px) and (max-width:959px) {
    .nav-list .link {
        padding-left:.5rem;
        padding-right: .5rem
    }
}

.nav-list .link.active {
    background-color: #353738
}

.nav-post {
    margin-top: 1rem
}

@media (min-width: 641px) {
    .nav-post {
        margin-top:2rem
    }
}

@media (min-width: 1281px) {
    .nav-post {
        margin-top:4rem
    }
}

@media (max-width: 800px)
{
    .nav-list .list {
        flex-wrap: wrap;
    }

    .nav-list .item {
        width: 70px;
        display: block;
        flex: 70px;
        border-bottom: 1px solid #307f5e;
    }

    .info-map {
        flex-wrap:wrap;
    }

    .info-map h2.title.title-large {
        width:100%;
        padding: 1rem;
        font-size: 27px;
    }

    .info-map .text {

    }

}