body {
      margin:0;
      padding:0;
      color:#333;
      background-color:#eee;
      font:1em/1.2 "Helvetica Neue",Helvetica,Arial,Geneva,sans-serif
}
h1,h2,h3,h4,h5,h6 {margin:0 0 0.5em 0;font-weight:500;line-height:1.1; color: #70ad47; }
h1{font-size:2.25em; color:black; }
h2{font-size:1.3em}
h3{font-size:1.375em}
h4{font-size:1.125em}
h5{font-size:1em}
h6{font-size:0.875em}
p{margin:0 0 1.0em;line-height:1.0}
blockquote{padding:1em 2em;margin:0 0 2em;border-left:5px solid #eee}
hr{height:0;margin-top:1em;margin-bottom:2em;border:0;border-top:1px solid #ddd}
table{background-color:transparent;border-spacing:0;border-collapse:collapse;border-top:1px solid #ddd}
th,td{padding:0.5em 1em;vertical-align:top;text-align:left;border-bottom:1px solid #ddd}
a:link{color:#4169e1}
a:visited{color:purple}
a:focus{color:#000}
a:hover{color:green}
a:active{color:red}
.container{max-width:50em;margin:0 auto;background-color:#fff}
.header{ text-align:center; color:#000000;background-color:#ecffec;padding:1em 1.25em}
.headerp{ padding-top:0.8em; }
.header-heading{margin:0}
.header-heading span {color : #70ad47; }
.nav-bar{background:#000;padding:0}
.content{padding:1em 1.25em}
.footer{color:#000000;background:#ecffec;padding:1em 1.25em}
.footer span {padding-left:1.25em}
.footer img { width: 30px; }
.nav{margin:0;padding:0;list-style:none}
.nav li{display:inline;margin:0}
.nav a{display:block;padding:0.7em 1.25em;color:#fff;text-decoration:none;border-bottom:1px solid gray}
.nav a:link{color:#fff}
.nav a:visited{color:#fff}
.nav a:focus{color:#000;background-color:#fff}
.nav a:hover{color:#fff;background-color:green}
.nav a:active{color:#fff;background-color:red}
.img-responsive{max-width:100%}
.btn{color:#fff!important;background-color:#4169e1;border-color:#222;display:inline-block;padding:0.5em 1em;margin-bottom:0;font-weight:400;line-height:1.2;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;border:1px solid transparent;border-radius:0.2em;text-decoration:none}
.btn:hover{color:#fff!important;background-color:green}
.btn:focus{color:#fff!important;background-color:#000}
.btn:active{color:#fff!important;background-color:red}
.table{width:100%;max-width:100%;margin-bottom:20px}
.list-unstyled{padding-left:0;list-style:none}
.list-inline{padding-left:0;margin-left:-5px;list-style:none}
.list-inline>li{display:inline-block;padding-right:5px;padding-left:5px}
@media (min-width:42em){
    .header{padding:1.5em 3em}
    .nav-bar{padding:1em 3em}
    .content{padding:2em 3em}
    .footer{padding:2em 3em}
    .nav li{display:inline;margin:0 1em 0 0}
    .nav a{display:inline;padding:0;border-bottom:0}
}