.parent{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr);grid-column-gap:0;grid-row-gap:0;min-height:658px;background-repeat:no-repeat;background-size:500px 200px 100px 200px;background-position:center;border:3px solid #35414f;background:#f2f2f2;color:#000}.div1{grid-area:1 / 1 / 6 / 6;text-align:center;border:1px solid #CCC;font-family:Arial;color:#fff;font-size:20px}.search-bar input{width:75%;line-height:50px;background-color:#fff;border:1px solid #CCC;padding:0 1rem;font-size:1rem;font-family:sans-serif;border-radius:25px;z-index:1}.div2{grid-area:1 / 1 / 3 / 6;font-family:Arial #000;color:#03457e;font-size:20px;text-align:center;font-weight:700;padding-top:5px;width:100%}.div3{.div3{grid-area:2 / 2 / 3 / 5}font-family:Arial #000;color:#FFF;font-size:20px;font-weight:700}.divsearch{grid-area:1 / 1 / 6 / 6;text-align:center;border:1px solid #CCC;font-family:Arial;background-color:#FFF;font-size:20px}#map-canvas,#side-bar{height:500px;width:100%}pre{border:1px solid #D6E0F5;padding:5px;margin:5px;background:#EBF0FA}.scrollFix{line-height:1.35;overflow:hidden;white-space:nowrap;color:#000}