.mapsindoors.infobox {
    margin: 1em;
    background: #fff;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.3);
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.3);
    width: 100%;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-size: 0.9em;
    padding-bottom: 1px;
    padding-top: 1px;
    overflow-x: hidden;
}

    .mapsindoors.infobox a {
        text-decoration: none;
        color: #607D8B;
    }

    .mapsindoors.infobox pre {
        font-size: 0.6em;
        font-family: Verdana, Geneva, Tahoma, sans-serif;
    }

    .mapsindoors.infobox .fa {
        color: #607D8B;
    }

    .mapsindoors.infobox > ul {
        margin: 24px 24px 30px 40px;
    }

        .mapsindoors.infobox > ul > li {
            margin-bottom: 1.4em;
        }

    .mapsindoors.infobox ul li.level {
        font-size: 0.8em;
        margin-top: -1.5em;
    }

    .mapsindoors.infobox img {
        margin: 8px 0 8px -40px;
    }

    .mapsindoors.infobox div.contact {
        padding: 16px 10px 10px 10px;
        float: right;
        width: 40%;
        border-left: 1px solid #f1f1f1;
        font-size: 0.8em;
        position: relative;
        z-index: 99;
    }

        .mapsindoors.infobox div.contact li {
            margin-bottom: 0.8em;
        }

    .mapsindoors.infobox *[data-close] {
        float: right;
        font-weight: bold;
        margin: 0 5px -12px 0;
        font-family: monospace;
        cursor: pointer;
        position: relative;
        z-index: 100;
    }

@media (max-width:36em) {
    /* smartphones, portrait iPhone, portrait 480x320 phones (Android) */
    .mapsindoors.infobox {
        position: absolute;
        bottom: 0;
        margin: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        pointer-events: all;
    }
    .infobox-shade {
        -webkit-box-shadow: 0 0 40px 30px #FFFFFF;
        box-shadow: 0 0 40px 30px #FFFFFF;
        width: 100%;
        bottom: 0;
        position: fixed;
        display:none;
    }
}