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

.content {
     position:relative;
}

.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 {
          display:inline-block;
          float:left;
          font-family: 'Mrs Saint Delafield', cursive;
          color:#a6bb5b;
          font-size:5em;
     }
     
     .upto {
          border:1px solid #eee;
          display:inline-block;
          float:right !important;
          clear:right !important;
          padding:1em;
          line-height:1 !important;
          border-radius:5px;
     }
     
          .upto span {
               color:#a6bb5b;
               font-size:2em;
          }
     
     .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 {
               padding-left:1em;
               font-size:1.4em;
               margin-bottom:1em;
          }
     
     .main-text p {
          float:left;
          clear:left;
          font-size:1.4em;
          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;
     }
     
     .gallery-image {
          float:left;
          width:30%;
          margin-right:5%;
          margin-bottom:5%;
     }
     
          .gallery-image img {
               width:100%;
               display:block;
               
               border:1px solid #ddd;
          }
               
          
          .gallery-image:nth-of-type(3n) {
               margin-right:0;
          }
          
@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;
     }
     
}

@media screen and (max-width:349px) {
     
     .upto {
          float:left !important;
          clear:left !important;
     }
}