body {
    margin: 0px 0px 0px 0px;
    height: 100%;
}

.main {
    display: flex;
    flex-flow: column;
    height: 100%;
    font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    font-stretch: extra-condensed;
    background-image: url("forest.jpg"), linear-gradient(#a0a495, #0d1719);
    background-repeat: repeat-x;
    background-position: top;
    background-size:cover; 
}

.main .header{
    flex: 0 1 auto;
}

.main .content {
    display: block;
    flex: 1 1 auto;
    font-size: smaller;
    text-align: center;
    padding: 10px 10px 10px 10px;
    align-items:center;
    justify-content: center;
}

.main .footer{
    flex: 0 1 40px;
    font-size: small;
    text-align: center;
    padding: 2px 2px 2px 2px;
}

.header a {
    float: left;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
  }

.header a:hover {
    background-color: #ddd;
    color: black;
  }

.header a.active {
    background-color: lightskyblue;
    color: white;
  }

  .content .green{
    color: #4ec336;
    color: rgba(78,195,54,0.8);
    font-size: 3em;
  }

  .content .white{
    font-size: 1.5em; 
    font-weight:lighter; 
    color: rgb(250, 234, 214,0.8);
  }

  .content .whitesmall{
    font-size: 1.4em; 
    font-weight:lighter; 
    color: rgb(250, 234, 214,0.8);
  }

  .content .address{
    text-align:left;
    font-size: 1em;
    color: antiquewhite;
  }