html {
  color: #aaa;
  margin: 0;
  padding: 0;
  background-color: #222221;
  width: 100%;
}

body {
  color: #aaa;
  background-color: #222221;
  margin: 0;
  padding: 0;
  width: 100%;
  font-size: 125%;
}


h1 {
  margin-bottom: 20px;
}


@media all and (max-device-width: 1150px){
    body { font-size: 2.0vw; }
    h1 { font-size: 4.0vw; }
}

@media all and (max-device-width: 950px){
    body { font-size: 2.0vw; }
    h1 { font-size: 4.0vw; }
}

@media all and (max-device-width: 750px){
    body { font-size: 3.0vw; }
    h1 { font-size: 5.0vw; }
}

@media all and (max-device-width: 550px){
    body { font-size: 4.0vw; }
    h1 { font-size: 6.0vw; }
}

@media all and (max-device-width: 350px){
    body { font-size: 5.0vw; }
    h1 { font-size: 7.0vw; }
}


.header {
  width: 100%;
  padding: 20px;
  margin-bottom: 10px;
  background-color: #151515;
}


.page {
  padding: 15px;
}

.meeting-heading {
  margin-left: 10px;
}

.meeting-list {
  margin-top: 25px;
}

.accordion-button:focus {
box-shadow: 0 0 0 .25rem rgba(88, 90, 92, 0.25);
}

.accordion-button:not(.collapsed) {
  background-color: #151515;
}
.accordion-button {
      color: #AAAAAA;
}

.accordion-button:not(.collapsed) {
    color: #FFFFFF;
    font-weight: bold;
    font-stretch: expanded;
}