html,body {
    height: 100%;
  }

  * {
      -moz-box-sizing: border-box;
      box-sizing: border-box;
  }

  body {
    background-color: #ededed;
    color: #424242;
    margin: 0;
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:14px;
    line-height:1.428571429;
  }
  p{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:14px;
    line-height:1.428571429; }

  h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;font-weight:normal;line-height:1.1;color:#333}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small{font-weight:normal;line-height:1}
  h1,.h1{font-size:45px;line-height:48px}
  h2,.h2{font-size:36px;line-height:42px}
  h3,.h3{font-size:28px;line-height:36px}
  h4,.h4{font-size:24px;line-height:25px}
  h5,.h5{font-size:20px;line-height:24px}
  h6,.h6{font-size:18px;line-height:24px}

  a{color:#3282e6;}
  a:hover,a:focus{color:#165db5;text-decoration:underline}
  
  table {
  margin: auto;   
  width: 40%;
  border:none; }

  td {font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;font-weight:normal;
  text-align:center; font-size: 20px;
   border:none;
   vertical-align:text-top;
   }

  .text-center{text-align:center}
  .text-center-hdr{font-size:20px;line-height:24px;text-align:center; }
  .text-left-hdr{font-size:20px;line-height:24px;text-align:left; }
  .wrap {
    min-height: 100%;
    display: table;
    height: 100%;
  }

  .top-bar {
    height: 20px;
    background: #71a100;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzcxYTEwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2ZmExMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #71a100 0%, #6fa100 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#71a100), color-stop(100%,#6fa100));
    background: -webkit-linear-gradient(top,  #71a100 0%,#6fa100 100%);
    background: -o-linear-gradient(top,  #71a100 0%,#6fa100 100%);
    background: -ms-linear-gradient(top,  #71a100 0%,#6fa100 100%);
    background: linear-gradient(to bottom,  #71a100 0%,#6fa100 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#71a100', endColorstr='#6fa100',GradientType=0 );
  }

  :root .top-bar {
    filter: none \0/IE9;
  }
  
  .navigation-bar {
    background-color:#FF6600;
    
   } 
  .navigation-links {
   font-size:20px;
   color:white;
  
   } 

  .welcome-container {
    /* width: 500px; */
    margin: 0 auto;
    overflow: auto;
    padding-bottom: 60px;
  }

  .coming-soon-wrap {
    margin-top: 90px;
  }

  .frowny-face {
    text-align: center;
    font-size: 130px;
    color: #919191;
    line-height: 1.1;
    margin-top: 90px;
    margin-bottom: 70px;
  }

  .welcome-container h1 {
    margin-bottom: 1em;
  }

  .btn-primary {
      background-color: #7FB141;
      border-color: #648C33;
      color: #FFFFFF;
  }

  input, button, select, textarea {
      font-family: inherit;
      font-size: inherit;
      line-height: inherit;
  }
  button, html input[type="button"], input[type="reset"], input[type="submit"] {
      cursor: pointer;
  }
  button, select {
      text-transform: none;
  }
  button, input {
      line-height: normal;
  }
  button, input, select, textarea {
      font-family: inherit;
      font-size: 100%;
      margin: 0;
  }

  .btn {
      -moz-border-bottom-colors: none;
      -moz-border-left-colors: none;
      -moz-border-right-colors: none;
      -moz-border-top-colors: none;
      border-color: transparent;
      border-image: none;
      border-radius: 0 0 0 0;
      border-style: solid;
      border-width: 0 0 3px;
      cursor: pointer;
      display: inline-block;
      font-size: 14px;
      font-weight: 300;
      line-height: 1.42857;
      margin-bottom: 0;
      padding: 8px 20px;
      text-align: center;
      vertical-align: middle;
      white-space: nowrap;
      text-decoration: none;
  }

  .btn-primary {
      background-color: #7FB141;
      border-color: #648C33;
      color: #FFFFFF;
  }


  .btn-primary:hover,
  .btn-primary:focus,
  .btn-primary:active,
  .btn-primary.active {
      background-color: #729E3A;
      border-color: #496626;
      color: #fff;
  }

  .btn:hover,
  .btn:focus {
      text-decoration: none;
  }

  .center {
  margin-left: auto;
  margin-right: auto;
  width: 70%;
  
}
  .login-container {
    text-align: right;
    margin: 20px;
  }

  .footer {
    position: relative;
    margin-top: -60px; /* negative value of footer height */
    height: 60px;
    clear:both;
    text-align: center;
    font-size: 14px;
  }