body {
    background-color: linen;
}

@font-face {
    font-family: headerfont;
    src: local('Viner'), url(fonts/viner.ttf) format("truetype");
}

h1 {
    color: black;
    text-align: center;
    padding-top: 25px;
    font-family: headerfont;
}

h2 {
    color: black;
    text-align: center;
    font-family: headerfont;
}

p {
    font-family: headerfont;
    font-size: 25px;
    width:70%;
    margin-left:15%;
    margin-right:15%;
}

.centered {
    margin:auto;
    padding: 10px;
}

.navbar {
  background:burlywood;
}

.nav-link,
.navbar-brand {
  color: #fff;
  cursor: pointer;
}
.nav-link {
  margin-right: 1em !important;
  color: #555;
}
.navbar-brand:hover,
.nav-link:hover {
  color: #fff;
}
.navbar-collapse {
  justify-content: flex-end;
}

p.errormarker {
    color: #f00;
}

td {
    text-align: center;
    vertical-align: text-top;
}

  table.center {
    width:80%;
    margin-left:10%;
    margin-right:10%;
  }
  
  .content {
    padding: 0 0 0 0px; /* 75px being the width of the thumbnail + how much space you want to put between it and your text */
    position: relative; /* So the thumbnail is relative to this */
}

    .content img {
        left: 0;
        position: absolute;
        top: 0;
    max-width: 100%;
    height: auto;
    width: 12%; /* ie8 */
    }

li {
    color: #ddd;
    font-size: 20px;
}
.container-if-fixed-header
 {
    margin-top:100px;
}
.container-if-fixed-footer
{
    margin-bottom:200px;
}

.card-img-top {
    margin-top: 10;
}

.imgbox {
    display: grid;
    height: 100%;
}

.center-fit {
    width: 100%;
    height: 70vh;
    background-size: 100% 100%;
    margin: auto;
    object-fit: scale-down;
}

.logo-fit {
    width: 40%;
    height: 70vh;
    background-size: 100% 100%;
    margin: auto;
    object-fit: scale-down;
}

.halfimage {
    width: 50%;
    background-size: 100% 100%;
    margin: auto;
    object-fit: scale-down;
}

.fullimage {
    width: 100%;
    background-size: 100% 100%;
    margin: auto;
    object-fit: scale-down;
}