.sidebar {
    background: mediumseagreen;
    color:white;
    border-radius: 4px;
}

.sidebar ol li a{
    text-decoration:none;
    color:white;
}

.first-child a {
    color:black;
}

.first-child a:hover {
    color: mediumseagreen;
}

.lem-wrapper {
    columns: 3;
    -webkit-columns: 3;
    column-gap: 1em;
    -webkit-column-gap: 1em;
}

.paper {
    box-shadow: 0 1px 6px 0 rgba(0,0,0,0.2),0 1px 4px 0 rgba(0,0,0,0.14),0 2px 4px -1px rgba(0,0,0,0.12);
    border-radius: 4px;
    margin-bottom: 1em;
    margin-top: 10px;
    display: inline-block;
    padding: 0 20px;
    width: 100%;
    transition: 0.3s;
}

.paper:hover {
    box-shadow: 0 1px 6px 0 rgba(0,0,0,0.4),0 1px 4px 0 rgba(0,0,0,0.17),0 2px 4px -1px rgba(0,0,0,0.15);
}

p a.tag {
    color: #999;
}

p a.tag:hover {
    color: mediumseagreen;
}

@media screen and (max-width: 768px) {
    .sidebar {
        background: none;
        color:black;
    }
    .sidebar ol li a{
        text-decoration:none;
        color:black;
    }
    .sidebar ol li a:hover{
        text-decoration:none;
        color:mediumseagreen;
    }

    .lem-wrapper {
        columns: 1;
        -webkit-columns: 1;
    }
}

.main-map {
    width: 100%;
    height: 40vh;
}

@media (min-width: 767px) and (max-width: 992px) {
    .main-map {
        margin: 0 -40px;
        width: calc(100% + 80px);
    }

    .lem-wrapper {
        columns: 2;
        -webkit-columns: 2;
    }
}

@media (max-width: 767px) {
    .main-map {
        margin: 0 -20px;
        width: calc(100% + 40px);
    }
}