body, html {
  font-family: Times New Roman;
  height: 100%;
  min-height: 100%
  color: white;
  background-color: #000000;
  background-image: url("bg.jpeg");
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

h1 {
  font-family: Lucida Calligraphy;
  font-size: 48px;
  color: white;
  text-align: center;
}

h2 {
  font-family: Lucida Calligraphy;
  font-size: 24px;
  color: white;
  text-align: left;
}

h3 {
  font-family: Lucida Calligraphy;
  font-size: 18px;
  color: white;
  text-align: center;
}

form {
  text-align: center;
}

fieldset {
  display: inline;
  border: solid 1px white;  
  float: center;
}

footer {
    color: white;
    text-align: center;
    clear: both;
    position: relative;
    z-index: 10;
    height: 3em;
    margin-top: 2em;
}

th {
  height: 50px;
  width: 50px;
}

tr {
  height: 50px;
  width: 50px;
}

.column1 {
  float: left;
}

.column2 {
  width: 1225px;
  color: white;
  margin-left: auto;
  margin-right: auto;
}

.header {
  font-family: Lucida Calligraphy;
  font-size: 48px;
  color: white;
  text-align: center;
}

@media only screen and (max-width: 480px) {
  .row {  margin: 1% 0 1% .5%; }
  .column, { width: 100%; }
}

img {
  display: inline-block;
  vertical-align: middle;
  max-height: 100%;
  max-width: 100%;
}

img.Slides {
  max-width: 1080px;
  max-height: 900px;
  object-fit: scale-down;
}

div>.column2>img {
  max-width: 1000px;
  max-height: 400px;
  object-fit: contain;
}

.image {
  font-size: 0;
  text-align: center;
  max-width: 100%;
  max-height: 100%;
  object-fit: scale-down
}

.slideshow > div {
  position: center;
  max-width: 100%;
  width: 100%;
  height: 240px;
  max-height: 100%;
}

.fit {
  display: inline-block;
  vertical-align: middle;
}

.cal {
  width: 560px;
  font-family: Times New Roman;
  text-align: center;
  font-weight: bold;
}

.ps {
  width: 1080px;
  font-family: Times New Roman;
  text-align: center;
  font-weight: bold;
}