/* Font sizing
 * */
main {
   font-size: 6vw;
}
@media( orientation: landscape ) {
   main {
      font-size: min(2.5vw, 32px);
   }
}



/* Page Title
 * */
h1 {
   color: #0000cd;
   padding: 1em 0;
   text-align: center;
   font-size: 1.8em;
}
@media ( orientation: landscape ) {
   h1 {
      text-align: left;
   }
}



/* The supporters column
 * */
.supporterslist,
.supporterslist ol {
   margin: 0;
   padding: 0;
   list-style: none;
   display: flex;
}
.supporterslist {
   flex-wrap: wrap;
   row-gap: 1.5em;
   margin: 3em 1em 3em;
   text-transform: uppercase;
   font-size: .9em;
   text-align: center;
   justify-content: space-evenly;
}
.supporterslist,
.supporterslist a {
   color: #0000cd;
   font-weight: 600;
}
.supporterslist > li {
   flex: 0 0 100%;
}
.supporterslist h2 {
   margin: 0 0 .2em;
   font-weight: 500;
   font-size: 1.5em;
}
/*
.supporterslist h2 span {
   margin-left: .3em;
}
*/
.supporterslist ol {
   flex-direction: column;
   line-height: 1.4;
   row-gap: .25em;
}
.supporterslist ol > li {
   line-height: 1.1;
   padding: 0;
}
@media ( orientation: landscape ) {
   .supporterslist {
      text-align: left;
   }
   .supporterslist > li {
      flex: 0 0 33%;
   }
}