.row { max-width: 30rem; } header { padding: 1rem 0; } header .logo { text-align: center; } header .logo img { max-height: 400px; width: auto; } #metaradio-audio-container { display: none; } .metaradio-audio-control { display: inline-block; width: 70px; height: 70px; border-radius: 35px; background-color: #2f2f2f; padding: 10px 0 0 0; } .metaradio-audio-control:hover { background-color: #403f3f; } .metaradio-audio-control img { max-width: 50px; height: auto; } .metaradio-audio-control.icon-black img { -webkit-filter: invert(100%); filter: invert(100%); } .metaradio-audio-control img.icon-buffering { animation:spin 4s linear infinite; } @keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } } .section-now-heading, .section-recent-heading { margin-top: 2rem; } .section-now-heading h2, .section-recent-heading h2 { font-size: 1.2em; font-weight: bold; margin: 0.5em 0; text-align: center; } .section-now p, .section-recent p { margin-bottom: 0; } .section-now p.title, .section-recent p.title { font-weight: bold; } .section-now p.title { font-size: 1.3rem; } .section-ad-1  { padding: 1rem 0; } .section-recent p { font-size: 0.8em; } .section-recent img.artwork { width: 100%; height: auto; } .section-recent .recent-item { margin-bottom: 1rem; text-align: center; } .align-center { text-align: center; } .align-center div { margin: 0 auto; float: none; }