@charset "UTF-8";
/** css for video type background image  **/
/*#videointro .image {
	position:relative;

}*/

#introshell #videointro .image {
    height: 650px;
    max-height: 650px;
}

#introshell #videointro .image .sitetitle {
    position: absolute;
    top: 40px;
    width: 100%;
    z-index: 10;
}
#introshell #videointro .image .sitetitle .sitelogo {
    position: relative;
    margin: 0 auto;
    width: 100%;
    max-width: 1000px
}
#introshell #videointro .image .sitetitle .sitelogo img {
    width: 20%;
}

/** video background image test 08/04/26 **/
#videointro .image .video {
    position: absolute;
    top: unset;
    left: 0;
    width: 100%;
    height: 100%;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    bottom: 0%;
}

#videointro .image .video div {height:0;overflow: hidden;}


#videointro .image .video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*	#videointro .image .video {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
}

#videointro .image .video > div {
  padding: 0 !important;
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

*/

/* ---------------------------- MOBILE STYLES ------------------------- */
@media screen and (max-width: 795px) {
		#videointro {min-height: fit-content;