html,body{height:100%;margin:0;font-family:Arial,sans-serif;background-color:#ffd600}h1{color:#f5f5f5;font-size:20px;line-height:20px;margin:0;padding:0 10px}#banner{display:flex;align-items:center;background-color:#013365;height:50px;padding:0 10px}#webchat{height:calc(100% - 50px);width:100%;position:fixed;top:50px;overflow:hidden}@media (max-width: 768px){h1{font-size:18px;text-align:center}#banner{height:auto;padding:10px}#banner h1{margin-left:-6px;margin-top:2.3px;font-size:1.1em}#banner img{height:30px}#webchat{top:auto;height:calc(100% - 50px)}}@media (min-width: 769px) and (max-width: 1024px){h1{font-size:16px}#banner h1{margin-left:-5px;margin-top:3.3px;font-size:1.2em}#banner{height:60px}#banner img{height:35px}}@media (min-width: 1025px){#banner{height:50px}#banner h1{margin-left:-6px;margin-top:5.2px;font-size:1.4em}#banner img{height:40px}}