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

.content {
     position:relative;
     background-color:#fafafa;
     float:left;
}

.bg-image {
     position:absolute;
     background-position:center;
     background-repeat:no-repeat;
     background-size: cover;
     right:0;
     top:0;
     width:60%;
     height:60em;
}

.main-text {
     background-color:#fafafa;
     width:40%;
     height:60em;
     overflow:auto;
     box-sizing: border-box;
     padding:3em;
}

     h1 {
          float:left;
          font-family: 'Mrs Saint Delafield', cursive;
          color:#a6bb5b;
          font-size:5em;
          clear:left;
     }
     
     .main-text h2, .main-text h3, .main-text h4, .main-text h5, .main-text h6 {
          float:left;
          clear:left;
          color:#a6bb5b;
          margin-bottom:1.5em;
          font-weight:300;
     }
     
     .main-text h2 {
          font-size:2.5em;
     }
     
     .main-text h3 {
          font-size:2em;
     }
     
     .main-text ul {
          float:left;
          clear:left;
          margin-left:1.5em;
          margin-bottom:2em;
          list-style: url('../img/bullet.png');
     }
     
          .main-text ul li {
               font-family: 'Open Sans', sans-serif !important;
               padding-left:1em;
               font-size:1.4em;
               margin-bottom:1em;
          }
     
     .main-text p {
          font-family: 'Open Sans', sans-serif !important;
          float:left;
          clear:left;
          font-size:1.4em !important;
          margin-bottom:1.5em;
          line-height:2;
     }
     
     table {
          float:left;
          border-collapse: collapse;
          border-radius:5px;
          margin-bottom:2em;
     }
     
     .main-text tr:nth-of-type(2n) {
          background-color:#eee;
     }
     
     .main-text td {
          font-size:1.3em;
          line-height:1.5;
          padding:1em;
          border:1px solid #ddd;
     }
     
     .book {
          float:left;
          clear:left;
          /*border:1px solid red;*/
     }
     
     .logos {
          float:left;
          clear:left;
     }
     
          .logos img {
               display:inline-block;
               width:75px;
               margin:auto 1em 1em auto;
          }
     
@media screen and (max-width:999px) {
     
     .content {
          float:left;
          clear:left;
     }
     
     .bg-image {
          position:relative;
          float:left;
          clear:left;
          width:100%;
          height:30em;
     }
     
     .main-text {
          float:left;
          clear:left;
          width:100%;
          height:auto;
          overflow:auto;
          box-sizing: border-box;
          padding:3em;
     }
     
}