.bannerHeader{background:var(--foreground);filter:drop-shadow(0 5px 4px rgba(0,0,0,.25));width:100%;height:125px;font-family:var(--font-lora);font-style:italic;color:black;margin:141px 0 35px;text-align:center}.bannerHeader h1{font-size:48pt}.bannerBack{position:absolute;width:100%;height:100px;margin-top:12.5px;display:flex;flex-direction:column;justify-content:space-between;z-index:0}.bannerLine{width:100%;height:1px;border:2px solid black}.bannerFront{position:absolute;width:100%;height:125px;display:flex;justify-content:center;z-index:1}.bannerCover{height:125px;padding:0 45px;background-color:white;display:flex;align-items:center}.trebleClef{margin:-20px 20px 0 0;rotate:-2deg}.bassClef{margin:0 0 0 20px}@media screen and (max-width:700px){.bannerHeader{height:75px;margin:70px 0 35px}.bannerHeader h1{font-size:20pt}.bannerBack{justify-content:center;margin-top:0;height:75px}.bannerLine{margin:5px 0;border:1px solid black}.bannerFront{height:75px}.bannerCover{height:75px;padding:0 20px}.trebleClef{width:39px;height:102px;margin:-15px 10px 0 0}.bassClef{width:42px;height:66px;margin:5px 0 0 10px}}