body {
    background-color: #333;
}

.backimage {
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 100% auto;
    background-position: center;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
    height: 100%;
}

.mainbody {
  margin-left:15%;
  margin-right:15%;
}

.mainbody h1 {
  color: #fff;
  line-height: 1;
  margin-bottom: 5%;
}

.mainbody p {
  color: #ddd;
  font-size: 20px;
  line-height: 1.5;
}

.mainbody button {
  border:1px solid #6ab446;
  background:#6ab446;
  border-radius: 10;
  color:#fff;
}

.mainbody button:hover {
  border:1px solid #fff;
  background:#fff;
  color:#000;
}

.footer {
    width:100%;
    font-size: 15px;
    margin:auto;
}

.footerWrap {
    width:100%;
    position:fixed;
    bottom: 0px;
}

.footerContent {
    float:left;
    width:100%;
    background-color:#007722;
    text-color:#999;
    padding:3px 0;
    color:#999;
    height:54px;
}

.navbar {
  background:#007722;
}

.nav-link,
.navbar-brand {
  color: #fff;
  cursor: pointer;
}
.nav-link {
  margin-right: 1em !important;
  color: #bbb;
}
.navbar-brand:hover,
.nav-link:hover {
  color: #333;
}
.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 145px; /* 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: 20%; /* 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;
}