body {
      font-family: Calibri, Helvetica, "Helvetica Nue", Arial, sans-serif;
      margin: 0px;
      text-align: center;
      line-height: 2.2rem;
      font-size: 1.2rem;
      background-color: #ffd; 
      color: black;

      @media print{
        font-size: 12pt;
        line-height: 17pt;
      }
    }

    .script-font {
      font-family: 'Segoe Print', 'Segoe Script', 'Ink Free', cursive;
      font-size: 1.3rem;
      /* font-style: italic; */

      @media print{
        font-size: 13pt;
      }

    }

    .big {
      font-size: 2.2rem;
    }

    .heading {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

    .flexFeatures-start {
        display: flex;
        justify-content: space-evenly;
      }

      .flexFeatures-end {
        display: flex;
        justify-content: space-evenly;
      }

       .items {
          padding: 0.5rem;
          text-align: center;
        }

    .topBar {
      background-color: #156500;
      color: #ffd;
      padding: 0.5rem;
      margin-bottom: 1.0rem;

      @media print{
        color: #444;
      }

      nav {
        text-align: right;
      }

      a {
        color: #ffd;
        font-size: large;

        @media print{
          color: #444;
        }
      }
    }

    .container {
      width: 1600px;
      max-width: 92%;
      margin: auto;

    
    }

    .icon {
      width: 40px;
    }

    .placename {
      padding-top: 0.5rem;
      padding-bottom: 0.5rem;
    }

    .features {
      text-align: center;
      font-size: 1rem;
      line-height: 1.4rem;
    }

    .features tr td {
      padding: 0px 4px;
      min-width: 65px;
    }

    .subt {
      font-size: 1.3rem;
    }

    .xl-font{
      font-size: 1.5rem;
      @media print {
        font-size:14pt;
      }
    }

    h1,
    h2 {
      letter-spacing: 0.08rem;
      margin: 0px;
    }

    h2 {
      text-align: left;
      margin-top: 2.2rem;
    }

    h3 {
      margin: 0;
    }



    .image-container {
      position: relative;
      width: 1600px;
      height: 460px;      
      max-width: 100%;

      @media only screen and (max-width:599px) {
        height: 350px;
      }

      @media only screen and (min-width:600px) {
        height: 370px;
      }

      @media only screen and (min-width:768px) {
        height: 420px;
      }

      @media only screen and (min-width:992px) {
        height: 500px;
      }

      @media only screen and (min-width:1200px) {
        height: 720px;
      }
      @media print {
        width:auto;
        height: auto;
      }
    }

    .image-container img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      opacity: 0;
      transition: opacity 1.2s ease-in-out;

      @media print {
        position:relative;
        width: 60%;
        height: auto;
        transition: none;
        opacity: 1;
      }
    }

    .image-container img.active {
      opacity: 1;
    }

    .text-overlay {
      position: absolute;
      top: 11%;
      left: 12%;
      color: #ffd;
      color: rgba(255, 255, 210, 0.75);
      font-size: 2.4rem;
      z-index: 1;
      opacity: 0;
      transition: opacity 1.2s ease-in-out;
      text-shadow: 0px 0px 12px #220;
      background-color: #111;
      background-color: rgba(30, 30, 30, 0.25);
      box-shadow: 0px 0px 7px rgba(30, 30, 30, 0.25);
      letter-spacing: 0.19rem;
      padding: 0.25rem 1.25rem;
      @media print {
        display: none;
      }
    }

    .text-overlay.active {
      opacity: 1;
    }

    .flexParent {
      
      /* @media only screen and (max-width:600px) {}

      @media only screen and (min-width:600px) {}

      @media only screen and (min-width:768px) {}

      @media only screen and (min-width:992px) {}

      @media only screen and (min-width:1200px) {} */


      display: flex;
      justify-content: space-evenly;
      gap: 1.0rem;
      margin: 1.0rem 0;
      

    }

    .flexChild {
      /*background-color: #c8ff90;*/
      padding: 0 0.5rem;
      /*margin: 1.0rem 0;*/
      /* width: 95%; */

    }

    .bg-green {
      background-color: #b6cfa7;
      padding: 1.5rem 1.1rem;
      margin: 1rem 0;
    }

    .flexGrid-2cols {
      display: grid;
      margin: 1.5rem auto;
      text-align: left;
      grid-template-columns: 47% 47%;
      justify-content: space-between;


      @media only screen and (max-width:767px) {
      justify-content: stretch;
      grid-template-columns: 95%;

      .row1_img{
        grid-row:1/2;
        grid-column: 1/2;
      }
      .row1_txt{
        grid-row:2/3;
        grid-column: 1/2;
      }
      .row2_img{
        grid-row:3/4;
        grid-column: 1/2;
      }
      .row2_txt{
        grid-row:4/5;
        grid-column: 1/2;
      }
      .row3_img{
        grid-row:5/6;
        grid-column: 1/2;
      }
      .row3_txt{
        grid-row:6/7;
        grid-column: 1/2;
      }
      .row4_img{
        grid-row:7/8;
        grid-column: 1/2;
      }
      .row4_txt{
        grid-row:8/9;
        grid-column: 1/2;        
      }
      .row5_img{
        grid-row:9/10;
        grid-column: 1/2;
      }
      .row5_txt{
        grid-row:10/11;
        grid-column: 1/2;        
      }

      }

    }

    .flexGrid-3cols {
      display: grid;
      margin: 0 auto;
      text-align: center;
      grid-template-columns: 30% 30% 30%;
      justify-content: space-between;

      @media only screen and (max-width:599px) {
      justify-content: stretch;
      grid-template-columns: 95%;
      }

      @media only screen and (min-width:600px) and (max-width: 767px) {
        grid-template-columns: 47% 47%;
        justify-content: space-between;
      }

    }

    .img-fluid {
      width: 100%;
      height: auto;
    }

    .bottom-padding {
      padding-bottom: 2.0rem;
    }

    .text-left {
      text-align: left;
    }

    .text-center {
      text-align: center;
    }

    .float-left {
      float: left;
      padding-top: 1rem;
      padding-right: 1.5rem;
    }

      .float-right {
      float: right;
      padding-top: 1rem;
      padding-right: 1.5rem;
    }

    .btn-submit {
      background-color: green;
      color: #ffd;
      /* width: 100%;
      max-width: 300px; */
      height: 62px;
      font-size: 1.6rem;
    }

    .two-cols {
      columns: 2;
      column-gap: 0.5rem;
      background-color: #b6cfa7;
      padding: 1rem;
    }

    .no-bullets{
      list-style: none;
    }

    ul {
      padding-inline-start: 0;
    }

    hr {
      border-bottom: #b6cfa7 2px solid;
    }

    .clearfix {
      overflow: auto;
    }

    td{
      padding-right: 10px;
    }

    input, textarea{
      padding:10px;
      width: 90%;
      max-width: 300px;
      font-family: Calibri, Helvetica, "Helvetica Nue", Arial, sans-serif;
      font-size: 1.2rem;
      margin: 0 0 0.25rem 0;
    }

    table{
      width: 100%;
      max-width: 500px;

      .td-right{
        text-align: right;
      }
    }

   


    .before-footer{
      padding: 2.0rem;
      margin-top: 2.5rem; 
      margin-bottom: 0;
    }

    .info {
      
      text-align: left;
      padding-bottom: 1.25rem;

      img{
        max-width: 250px;
        width: 100%;
        height: auto;

       @media only screen and (min-width:600px) {
        
          float: left;
          padding-top: 1rem;
          padding-right: 1.5rem;
       }
       @media print {
        
          float: left;
          padding-top: 1rem;
          padding-right: 1.5rem;
      
       }
      }


    }

    footer {
      background-color: #156500;
      color: #ffd;
      padding: 2.0rem;
      margin-top: 0;

      @media print{
        color: #444;
      }

      a {
        color: #ffd;

        @media print{
          color: #444;
        }
      }

      .footer-grid {
        display: grid;
        gap: 0.5rem;

        @media only screen and (min-width:600px) {
          grid-template-columns: 47% 47%;
          justify-content: space-between;
        }

        @media only screen and (min-width:768px) {
          grid-template-columns: 30% 30% 30%;
        }
        @media print {
          grid-template-columns: 30% 30% 30%;
        }


/* 
      @media only screen and (min-width:992px) {
        grid-template-columns: 23% 23% 23% 23%;
      } */

    }
    }