html {
  position: relative;
  min-height: 100%;
}

body {
  margin-top: 100px;
  margin-bottom: 60px;
  font-family: "Lato", sans-serif;
}

.lato-thin {
  font-family: "Lato", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.lato-light {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.lato-regular {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.lato-bold {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.lato-black {
  font-family: "Lato", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.lato-thin-italic {
  font-family: "Lato", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.lato-light-italic {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.lato-regular-italic {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.lato-bold-italic {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.lato-black-italic {
  font-family: "Lato", sans-serif;
  font-weight: 900;
  font-style: italic;
}

#semsbalogo {
width: auto !important; /*Keep the aspect ratio of the image*/
height: 250px !important;
margin: 0 auto 1em auto; /*Center the image*/
}

#mainNav {
background-color:white;
}

.navbar-brand {
  font-weight: 900;
  font-size: 35px;
}

H1 {
  font-family: "Lato", sans-serif;
  font-weight: 900;
  font-style: normal;
  color:navy;
  text-align: center;
}

H2 {
  font-family: "Lato", sans-serif;
  font-weight: 800;
  font-style: normal;
  text-align: center;
}

p.lightText {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
}

#innerContainer {
  max-width:max-content;
}

#tableContainer {
  max-width: 75%;
  align-content: center;
}

#footerDiv {
        font-family:"Lato", sans-serif;
        background-color:white;
        color: black;
        text-align: center;
        font-weight: 300;
        font-style: normal;
}