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



/* Upper leader info box
 * */
.leaderinfo {
   display: flex;
   flex-direction: column;
   color: #0000cd;
   text-transform: uppercase;
   align-items: flex-start;
   margin: 5em 0;
   font-size: .6em;
   font-weight: 500;
   row-gap: 3em;
}
.leaderinfo > div:last-child {
   display: flex;
   flex-direction: column;
   row-gap: 1em;
}
.leaderinfo .leaderpic,
.leaderinfo blockquote {
   margin: 0;
   padding: 0;
}
.leaderinfo .leaderpic {
   display: flex;
   column-gap: 1em;
   line-height: 1.2;
   text-align: center;
   align-items: center;
   justify-content: center;
}
.leaderinfo .leaderpic img {
   display: block;
   width: 30%;
   box-sizing: border-box;
   margin: 0;
   aspect-ratio: 1 / 1;
   object-fit: cover;
   border-radius: 10em;
   border: .1em solid #0000cd;
}
.leaderinfo .leaderpic figcaption {
   flex: 0;
   font-weight: 500;
   font-size: 1.3em;
}
.leaderinfo blockquote {
/*
   font-size: .7em;
*/
   line-height: 1.2;
}
@media( min-width: 768px ) {
   .leaderinfo {
      flex-direction: row;
      column-gap: 3em;
   }
   .leaderinfo .leaderpic {
      justify-content: flex-start;
   }
   .leaderinfo > div:last-child {
      flex: 0 0 26%;
      margin-left: auto;
   }
}

/* No margin on the vid
 * */
.previewvid {
   margin: 0;
}



/* Backers
 * */
.backerslist {
    font-size: .8em;
    background: #0000cd;
    color: white;
    text-transform: uppercase;
    border-top: .1em solid white;
    text-align: center;
    margin: 1.5em 0 0;
    padding: 1.5em 0 0;
}
.backerslist span {
   display: block;
   text-align: center;
}