.epcp__results {
    position: absolute;
    color: #858585;
    border :1px solid #cccccc;
    max-height: 245px;
    overflow-y: auto;
    overflow-x: hidden;
    white-space: nowrap;
    background-color: white;
    }

    .epcp__results__item {
        padding: 10px 20px;
        color: black;
        cursor: pointer;
        }
                
        .epcp__results__item--selected { background-color: var(--primary-color); color: var(--primary-color-text); }

.epcp__container {
    display: inline-flex;
    }

.epcp__map {
    width: 270px;
    padding: 0px 40px 0px 0px;
    }

    @media all and (max-width: 640px) {
        .epcp__container { display: block; }
        .epcp__map { width: 100%; padding: 0px 120px 20px 120px; }
        }

.epcp__demo {
    flex: 1;
    max-width: 580px;
    }

    .epcp__demo__input {
        width: 100%;
        border: 2px solid #bcd7e7;
        padding: 10px;
        }

    .epcp__demo__result {
        box-shadow: 0 3px 3px -2px #333;
        margin-top: 20px;
        background-color: white;
        border-bottom: 6px solid #666666;
        display: none;
        height: 280px
        }
        
        .epcp__demo__result__address {
            flex: 1; 
            font-size: 1.3em; 
            line-height: 1.2; 
            align-self: center; 
            padding: 20px;
            }

        .epcp__demo__result__stamp {
            width: 120px;
            padding: 20px;
            }