#content{width:auto; float:none;}

#search_wrap{background:#ececec; padding:10px;}
#search_wrap [name=location]{width:100%; box-sizing:border-box; font-size:18px; padding:8px 20px;}
#search_wrap .button{padding:9px 30px;}

#results_wrap{height:600px; position:relative; margin:10px 0 0 0;}

#results_sidebar{position:absolute; top:0; left:0; bottom:0; width:300px; background:#ececec; padding:10px; overflow-y:scroll;}
#results_sidebar .location{background:rgba(255,255,255,.7); padding:8px 15px; margin:0 0 10px 0; display:block; text-decoration:none; transition:all .2s ease;}
#results_sidebar .location:hover{background:rgba(255,255,255,1);}
#results_sidebar .location h3{margin:0 0 5px 0; border-bottom:2px solid #dadada;}
#results_sidebar .location h3 .distance{float:right; font-size:14px; color:#333; opacity:.8;}
#results_sidebar .location .address{font-size:12px; opacity:.8; margin:0 0 5px 0;}
#results_sidebar .location .phone{font-size:12px; opacity:.8; margin:0 0 5px 0;}
#results_sidebar .location .website{font-size:12px; opacity:.8; margin:0 0 5px 0;}
#results_sidebar .location .fa{width:20px;}
#results_sidebar .location .link{font-size:12px; font-weight:bold; display:inline-block; background:#eee; padding:4px 15px;}

#map{position:absolute; top:0; right:0; bottom:0; width:calc(100% - 350px); background:#ececec; padding:10px;}

.map_location{background:rgba(255,255,255,.7); padding:8px 15px; margin:0 0 10px 0; display:block; text-decoration:none; transition:all .2s ease;}
.map_location:hover{background:rgba(255,255,255,1);}
.map_location h3{margin:0 0 5px 0; border-bottom:2px solid #dadada;}
.map_location .address{font-size:12px; opacity:.8; margin:0 0 5px 0;}
.map_location .phone{font-size:12px; opacity:.8; margin:0 0 5px 0;}
.map_location .website{font-size:12px; opacity:.8; margin:0 0 5px 0;}
.map_location .fa{width:20px;}
.map_location .link{font-size:12px; font-weight:bold; display:inline-block; background:#eee; padding:4px 15px;}