.autocomplete-suggestions { 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box; border: 1px solid #999; 
    cursor: default; 
    overflow: auto; 
    -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); 
    -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); 
    box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); 
}
.autocomplete-suggestion { 
    padding: 10px;
    cursor: pointer;
    background-color: rgb(128,128,128); 
    border-bottom: 1px solid #d4d4d4; 
    border-radius: 10px; 
}
.autocomplete-no-suggestion { 
    padding: 2px 5px;
}
.autocomplete-selected { 
    position: absolute;
    border: 1px solid #d4d4d4;
    border: none;
    z-index: 99;
    /*position the autocomplete items to be the same width as the container:*/
    top: 100%;
    left: 0;
    right: 0; 
}
.autocomplete-suggestions strong { 
    font-weight: bold; 
    color: #000; 
}
.autocomplete-group { 
    padding: 2px 5px; 
    font-weight: bold; 
    font-size: 16px; 
    color: #000; 
    display: block; 
    border-bottom: 1px solid #000; 
}

input[type=text] { 
    font-size: 16px; 
    padding: 10px; 
    display: block; 
    margin: 20px 0; 
}

@media screen and (max-width: 600px) {
    input[type=text] { 
        font-size: 27px; 
        padding: 10px; 
        display: block; 
        margin: 20px 0; 
    }
}
@supports (-webkit-appearance:none) {
    @media screen and (min-width:0\0) {
        input[type=text] { 
            font-size: 27px; 
            padding: 10px; 
            display: block; 
            margin: 20px 0; 
        }  
    }}
input[type=submit] {
    background-color: DodgerBlue;
    cursor: pointer;
  }