body{
  background: #333;
  color: var(--color-light);
}

section#sessions h2{
  margin-top: 2rem;
}

.session__container h3{
  font-size: 2rem;
  color: var(--color-light);
  margin-bottom: 0.8rem;
}

.session__container h5{
  color: var(--color-primary);
  margin-bottom: 1rem;
}

.session__container p{
  margin-bottom: 0.7rem;
  color: var(--color-light);
}

.available__sessions p,
.session__rules p{
  font-size: 1.1rem;
  margin-bottom: 1rem;
}

#sessions blockquote {
  padding: 2rem;
  text-align: center;
  background: rgba(0,0,0,.5);
  color: var(--color-light);
  font-style: italic;
  margin: 2rem 0;
}

.session__container > div {
  margin-bottom: 1rem;
}

.schedule {
  margin-bottom: 2rem;
}
.session__prices{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3rem;
}

.session__prices article{
  width: 20rem;
  margin: 2rem auto;
  text-align: center;
  background: #ccc;
  border: 1px solid #111;
  opacity: 0.6;
  transition: var(--transition);
}

.session__prices article:hover{
  opacity: 1;
}

.session__prices article ul li{
  padding: 1rem 0;
  border-bottom: 1px solid #111;
}

.session__prices .heading{
  padding: 2rem;
  background: #333;
  color: var(--color-light);
}

.notice h6{
  color: var(--color-light);
  margin-bottom: 1rem;
}


@media screen and (max-width: 600px) {
  .session__prices{
    grid-template-columns: 100%;
  }
}