body {
        margin: 0;
        padding: 0;
        background-color: #f3f1ed;
        font-family: 'Aptos';
        /* font-family: Arial, sans-serif; */
        color: #333;
      }
      @font-face {
        font-family: 'DO-Sans PRO';
        src: url('fonts/DO-Sans-RegularPRO.eot');
        src: url('fonts/DO-Sans-RegularPRO.eot?#iefix') format('embedded-opentype'),
            url('fonts/DO-Sans-RegularPRO.woff2') format('woff2'),
            url('fonts/DO-Sans-RegularPRO.woff') format('woff'),
            url('fonts/DO-Sans-RegularPRO.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
        font-display: swap;
    }
    @font-face {
      font-family: 'Aptos';
      src: url('fonts/Aptos.eot');
      src: url('fonts/Aptos.eot?#iefix') format('embedded-opentype'),
          url('fonts/Aptos.woff2') format('woff2'),
          url('fonts/Aptos.woff') format('woff'),
          url('fonts/Aptos.ttf') format('truetype');
      font-weight: normal;
      font-style: normal;
      font-display: swap;
  }
  
        
      .container {
        max-width: 1200px;
        margin: auto;
        padding: 20px;
      }

      .hero {
        background-image: url(images/bg.png);
        background-position: center;
        background-repeat: no-repeat;
        padding-top: 100px;
        padding-bottom: 100px;
        /* height: 590px; */
        /* margin: auto !important; */
		background-size:cover;
      }

      .about-us {
        padding-top: 80px;
        padding-bottom: 80px;
        background-color: #dad2cd;
      }
      .center {
        text-align: center;
      }
	  .left{
		  text-align: left;
	  }
      h1 {
        text-align: center;
        color: #ffffff;
        font-size: 50px;
        font-family: 'DO-Sans PRO';
        
      }

      h2 {
        text-align: center;
        font-size: 40px;
        font-family: 'DO-Sans PRO';
      }
      .column {
        /* float: left; */
        width: 30%;
        padding: 10px;
        height: auto;
        column-gap: 40px;
        /* width: 50%; */
		display: inline-block; 
      }
      .column-text {
        /* float: left; */
        width: 60%;
        padding: 10px;
        height: auto;
        column-gap: 40px;
        padding: 0px 50px 50px 0;
      }
      p {
        line-height: 1.5;
        font-size: 17px;
        text-align: center;
      }
      .about-text {
        display: flex;
      }
      .image-1 {
        height: 260px !important;
        width: 300px !important;
		margin-top: 110px;
      }

      .image-2 {
        margin-top: 110px;
        height: 260px !important;
      }
      .contact {
        margin-top: 2em;
        font-style: italic;
        color: #ffffff;
        display: flex;
        justify-content: left;
      }

      .hero-2 {
        /* background-image: url(images/bg.png); */
       /* background: linear-gradient(
            0deg,
            rgba(0, 0, 0, 0.3),
            rgba(0, 0, 0, 0.3)
          ),
          url(images/last-bg.jpg);
        background-position: center;
        background-repeat: no-repeat; */
        padding-top: 100px;
        padding-bottom: 100px;
		background-size:cover;
        /* background-attachment: fixed; */
        /* height: 590px; */
        /* margin: auto !important; */
		background:#FFF;
      }
      .image-owner{
	      width:200px;
		  margin:20px 0px;
		  display: block;
		  background:#FFF;
          border-radius:50%;
	  }
      .text-color {
        color: #000000;
      }

      .footer-bg {
        font-size: 12px;
        text-align: center;
        padding: 20px;
        background-color: #282317;
        color: #ffffff;
      }

      .social-icons{
        height: 25px !important;
        width: 25px !important;
        display: flex;
        justify-content: center;
      }

      .footer-container {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        margin-bottom: 20px;
        gap: 240px;
        /* max-width: 1200px; */
        /* background-color: #282317; */
      }

      .footer-column {
        margin: 10px;
      }

      .footer-column h4 {
        margin-bottom: 5px;
      }

      .footer-contact {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 20px;
        margin-bottom: 20px;
        font-size: 15px;
      }

      .footer-contact a {
        color: #e9e6d4;
        text-decoration: none;
      }

      .footer-contact a:hover {
        text-decoration: underline;
      }

      .social-icons span {
        font-size: 20px;
      }

      hr {
        border: 0.5px solid #e9e6d4;
        margin-bottom: 10px;
        width: 90%;
      }

      .footer-credit {
        font-size: 14px;
      }

      .footer-credit a {
        color: #e9e6d4;
        text-decoration: underline;
      }

      /* 3rd section */

      .hero-2 {
        padding-top: 100px;
        padding-bottom: 100px;
        /* background-attachment: fixed; */
        /* height: 590px; */
        /* margin: auto !important; */
      }

      .left {
        flex: 1;
      }
      
      .image {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

.poem{width:440px; color:#FFF; text-align:left;position: relative;top: -40px;font-family: 'DO-Sans PRO';left: 8px;}
.poem span{font-size:15px;}
.hero h1{margin-bottom:0px;}
.col-text-1{width:100%}


@media only screen and (min-width: 767px) and (max-width: 1199px){
     .column-text {
          /* float: left; */
         /* width: 60%; */
          /* padding: 10px; */
          height: auto;
          column-gap: 40px;
          /* padding: 50px 50px 50px 0; */
          /* gap: 30px !important; */
          padding-right: 30px;
      }
	  .column-text{width:100%;}

      .image-1 {
        height: 260px !important;
        width: 300px !important;
        margin-top: 30px;
    }

    .image-2 {
      margin-top: 230px;
      height: 260px !important;
	  margin-top: 30px;
  }

  .container {
    max-width: 1200px;
    margin: auto;
    /* padding: 20px; */
}

.about-us {
  padding-top: 0px;
  padding-bottom: 0px;
  background-color: #dad2cd;
}

.right {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: #1E312A;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 90px 30px 90px 30px;
}

.right-2 {
  flex: 1;
  display: flex;
  background-color: #BDBDB1;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 90px 30px 90px 30px;
}

.column-left {
    width: 50%;
}

.left {
  flex: 0.5;
  /* width: 50% !important; */
}

.center-align {
  max-width: 380px;
}

.quote-section {
  height: 50vh;
      }

.split.right {
  height: 240px;
    }

.footer-container {
  display: flex;
      justify-content: center;
      flex-wrap: wrap;
      margin-bottom: 20px;
      gap: 120px;
    }	
	.about-text{display:block!important;}


 }
	
@media only screen and (min-width: 320px) and (max-width: 766px){ 
      
  .hero-2 {
        padding-top: 100px;
        padding-bottom: 100px;
        background-attachment: scroll !important;
   }

   .quote-section {
        height: 30vh;
        background-attachment: inherit;
    }
	/* .container{max-width:765px!important;width:98%!important;} */
	.column-text{width:100%!important;}
	.about-text{display:block!important;}
	.poem{width:auto!important;}
	
  }