/***********************************
 *
 *   green: #a6bb5b;
 *   grey: #808080;
 *
*************************************/

.content {
     background-color:#fafafa;
}

     h1 {
          float:left;
          width:100%;
          display:block;
          text-align: center;
          font-family: 'Mrs Saint Delafield', cursive;
          color:#a6bb5b;
          font-size:5em;
          padding:1em 0 0.5em 0;
     }
     
     .ttd {
          float:left;
          clear:left;
          display:block;
          width:100%;
          clear:both;
          box-sizing: border-box;
          padding-top:3em;
     }
     
          .ttd:first-of-type {
               padding-top:0;
          }
     
          .ttd-text {
               display:block;
               width:100%;
               box-sizing: border-box;
               float:left;
               clear:left;
               text-align: center;
               padding-bottom:3em;
          }
               .ttd h2 {
                    width:75%;
                    max-width:800px;
                    display:block;
                    text-align: center;
                    clear:left;
                    margin-bottom:1.5em;
                    margin-left:auto;
                    margin-right:auto;
                    font-size:2em;
                    font-weight:300;
               }
               .ttd p {
                    width:75%;
                    max-width:800px;
                    display:block;
                    text-align: center;
                    clear:left;
                    margin-bottom:1.5em;
                    margin-left:auto;
                    margin-right:auto;
                    font-weight:300;
                    font-size: 1.4em;
                    margin-bottom: 1.5em;
                    line-height: 2;
               }
               
                    .ttd a {
                         color:#a6bb5b;
                    }
          
          .ttd-imgs {
               display:block;
               width:100%;
               box-sizing: border-box;
               float:left;
               clear:left;
          }
     
               .ttd-img {
                    height:55em;
                    width:100%;
                    float:left;
                    background-size: cover;
                    background-position: center;
               }
               
@media screen and (max-width:599px) {
     .ttd-img {
          width:100%;
     }
}