@media only screen and (min-width:320px) {
    .scroller-container{
        height: 100vh;
        width: 90vw;
        position:absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        /*display: grid;*/
        /*justify-content: center;*/
        /*align-items: center; */
        border: 1px solid;
        background: white;
        overflow-y: scroll;
    }
    .info-text-container{
        position: relative;
        width: 100%;
        padding: 1em;
    }

    p {
        font-size: 10pt;
        color: #9b949b;
    }

    .map {
        width: 80%;
        display: block;
        margin: 1em auto;
    }
}

@media only screen and (min-width:568px) {
    .info-text-container {
        width: 75vw;
    }
}

@media only screen and (min-width:700px) and (min-height:700px) {
    .scroller-container{
        width: 70vw;
        height: 80vh;
    }
    p {
        font-size: 12pt;
    }
    .map{
        width: 50vw;
    }
}

@media only screen and (min-width:900px) {
    .map{ width: 500px;}
}