/* space-audio.css overrides some classic.css */
.banner {
  display:flex;
  flex-basis:100%;
  background:#000;
  padding:0.5rem;
  flex-wrap:nowrap;
  align-content:space-around;
}
.banner img {
  height:5.5rem;
  width:auto;
}
header {
  font-size:1.3rem;
}
header p {
  max-width:60rem;
  text-align:center;
  margin-left:auto;
  margin-right:auto;
}
.accordion {
  color:#000;
  background:#FFCD00;
  padding:0.5rem;
  min-width:10rem;
  max-width:40rem;
  margin:4px 0 4px 0;
}
.accordion:hover {
  background:#FE0;
}
img {
  border:0;
}
.item {
  display:block;
  min-width:10rem;
  max-width:40rem;
  align-items:center;
  align-content:center;
  min-height:54px;
  margin:0.125rem;
  padding:0.125rem;
}
.item a {
  text-decoration:none;
}
.item .frame {
  display:flex;
  background:#ccc;
  width:54px;
  min-height:54px;
  border:0;
  margin-right:0.5rem;
  align-content:center;
  align-items:center;
  float:left;
}
.item .frame img {
  border:0;
  max-width:48px;
  max-height:48px; 
  margin-left:auto;
  margin-right:auto;
}
.item .frame:hover {
  background:#dde;
}
@media( max-width:550px ) {
  .banner {
    align-content:space-between;
    flex-wrap:wrap;
  }
  .banner img {
    height:4rem;
  }
}