@import "https://fonts.googleapis.com/css?family=Playfair+Display:400,700|Roboto:300,400,500,700";@font-face {
    font-family: bwnistaint-xbd;
    src: url(../fonts/BwNistaInt-xBd.woff)format("woff");
    font-style: normal;
    font-display: swap
}

html {
  margin: 0;
  padding: 0;
}  

body {
    line-height: 1.2;
    font-family: roboto,sans-serif;
    -webkit-font-smoothing: antialiased;
    font-size: 20px;
    color: #4c4c4c;
    padding: 0;
    margin: 0;
}

p {
    font-weight: 400;
    color: #4c4c4c;
    font-size: 20px;
    line-height: 1.4;
    font-family: roboto,sans-serif
}

div.header-container {
  background-color: #004386; 
  height: 200px;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-size:30px;
  color: white;
  display: table;
}

div.logo-container {
  display: table-cell;
  vertical-align: middle;
  padding-left: 5%;
}

div.title-container {
  display: table-cell;
  vertical-align: middle;
}

div.content-container {
  background-color: white; 
  margin-left: 20%;
  margin-right: 20%;
  margin-top: 5%;
  margin-bottom: 5%;
}

div.footer-container {
  background-color: #004386;
  color: white;
  height: 150px;
  width: 100%;
  font-size: 20px; 
  border-collapse:collapse;
  position: relative;

}

.footerlinks {
  color: white;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 2rem;
  background: purple;
  color: white;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.2rem;
}

.extra-container {
  position: relative;
  height: 400px;
  border: 2px solid #006100;
}

.centered-element {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}


 /* unvisited link */
.footerlinks a:link {
  color: white;
  text-decoration: none;
}

/* visited link */
.footerlinks a:visited {
  color: white;
  text-decoration: none;
}

/* mouse over link */
.footerlinks a:hover {
  color: white;
  text-decoration: underline;
}

/* selected link */
.footerlinks a:active {
  color: white;
  text-decoration: none;
}