body
{
  font-family: Daytona;
  font-size: 20px;
}
.HeroImage
{
  position: relative;
  margin-top: 0px;
  margin-bottom: 0px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 65%;
}
.FooterImage
{
  position: relative;
  margin-top: 0px;
  margin-bottom: 0px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 95%;
}
.IndexContentPanel
{
  position: relative;
  margin-top: 0px;
  margin-bottom: 0px;
  display: flex;
  margin-left: auto;
  margin-right: auto;
  width: 40%; /* 55% with third column */
  color: black;
  text-align: center;
}
.IndexAnnouncementPanel
{
  position: relative;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 75%;
  color: black;
  text-align: center;
}
.IndexRegisterPanel
{
  position: relative;
  margin-top: 0px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  width: 40%;
  color: black;
  background-color: #545454;;
  text-align: center;
}
.video#bgvideo
{
  position: relative; /* originally fixed */
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -100;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  background: url(images/stjl_105.jpg) no-repeat;
  background-size: cover;
}