html {

}

/*recommended by: https://www.thesitewizard.com/css/mobile-friendly-responsive-design.shtml*/
/*probably what makes the multiple css style sheets work*/
@viewport {
  width: device-width ;
  zoom: 1.0 ;
}

/*.footerindent {
  margin-left: 10%;
}*/

/*FOR THE FOOTER, PHONE STYLE. FROM  https://www.thesitewizard.com/css/mobile-friendly-responsive-design.shtml*/
@media screen and (max-width: 420px) {
.footerheight {
  line-height: 1.4;
  font-size: 0.6rem;
/*  padding-left: 50px;*/
}
.footerindent {
  margin-left: 0%;
}
}



/*ATTEMPT TO GET YOUTUBE EMBEDS TO BE 100% REGARDLESS OF DEVICE*/

.player {
    aspect-ratio: 16 / 9;
    width: 100%;
}

.player-full {
    /*aspect-ratio: 16 / 9;*/
    width: 100%;
}

.player-quarter {
    /*aspect-ratio: 16 / 9;*/
    width: 25%;
}

.player-half {
    /*aspect-ratio: 16 / 9;*/
    width: 50%;
}

.player-3 {
    /*aspect-ratio: 16 / 9;*/
    width: 75%;
}