.module-28 {
	background-image: url(https://s3.amazonaws.com/static.organiclead.com/Site-d141dabc-7ffe-47ec-b673-c7889836181d/Background_images/bg_staff.jpg);
	background-size: cover;
	background-position: center;
	padding-top: 60px;
}
.module-28:before {
    content: "";
    position: absolute;
	inset: 0;
	background: linear-gradient(to bottom, #f2f2f2, rgb(255 255 255 / 30%), rgb(255 255 255 / 0%));
}
  @media (max-width: 1199px) {
    .module-28 {
      padding: 60px 0; } }
  @media (max-width: 991px) {
	  .module-28 .ry-generic-copy p {
    text-align: center;
}
     }
  .module-28 .ry-content {
    height: 960px;
    position: relative; }
    @media (max-width: 1300px) {
      .module-28 .ry-content {
        height: 760px; } }
    @media (max-width: 1199px) {
      .module-28 .ry-content {
        height: initial; } }
  .module-28 .ry-flex {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    @media (max-width: 1199px) {
     .module-28 .ry-flex {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    flex-direction: column-reverse !important;
    gap: 58px;
} }
  .module-28 .ry-section-title-wrapper {
    text-align: center; }
  .module-28 .ry-section-title {
    font-size: calc(30px + 30 * ((100vw - 320px) / 1600));
    font-weight: 600;
	  color: #009343;
    line-height: 49px; }
    @media (max-width: 991px) {
      .module-28 .ry-section-title {
        line-height: 38px; } }
  .module-28 .ry-section-sub-title {
    font-size: calc(30px + 20 * ((100vw - 320px) / 1600));
    font-family: "Playfair Display", serif;
    display: block;
    font-weight: 400;
    font-style: italic;
	padding-top: 40px;
  }
  .module-28 .ry-generic-copy {
  margin-top: 20px;
  margin-bottom: 30px;
}
    @media (max-width: 1199px) {
      .module-28 .ry-generic-copy {
        margin: 25px 0; } }
  .module-28 .ry-left {
    position: static; }
    @media (max-width: 1300px) {
      .module-28 .ry-left {
        -ms-flex-preferred-size: 30%;
            flex-basis: 30%; } }
    @media (max-width: 1199px) {
      .module-28 .ry-left {
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%; } }
    .module-28 .ry-left img {
      position: absolute;
      bottom: 0;
      max-width: 622px;
      left: 3%; }
      @media (max-width: 1440px) {
        .module-28 .ry-left img {
          right: 0 !important;
          max-width: 45%; } }
      @media (max-width: 1199px) {
        .module-28 .ry-left img {
          position: static;
          max-width: 400px;
          margin-left: auto;
          margin-right: auto; } }
  .module-28 .ry-right {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%; }
    @media (max-width: 1300px) {
      .module-28 .ry-right {
        -ms-flex-preferred-size: 60%;
            flex-basis: 60%; } }
    @media (max-width: 1199px) {
      .module-28 .ry-right {
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
        margin-top: 40px; } }
  .module-28 .ry-btn-wrapper {
    text-align: center;
    display: flex;
    justify-content: center;
}

.module-28 .ry-generic-copy p{
	text-align: center;
}

.module-28:after {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-image: url(https://s3.amazonaws.com/static.organiclead.com/Site-d141dabc-7ffe-47ec-b673-c7889836181d/update/homepage_staff.jpg);
	background-size: cover;
	z-index: -1;
	background-position: right;
}

.module-28:before {
	opacity: 0;
}

.module-28 {
	background: unset;
}

.module-28 .ry-left {
	opacity: 0;
}
@media (max-width: 1480px) {
	.module-28:after {
		background-position: 80%;
	}
}
@media (max-width: 1199px) {
	.module-28:after {
		background-position: 80%;
	}


	.module-28 .ry-right {
		flex-basis: 50% !important;
	}

	.module-28 .ry-left {
		flex-basis: 50% !important;
	}

	.module-28 .ry-flex {
		flex-direction: row-reverse !important;
		flex-wrap: initial;
	}
}
@media (min-width: 1081px) {
	.module-28 .ry-flex {
		flex-direction: row-reverse;
	}
	.module-28 .ry-left img {
		left: unset;
		right: 3%;
	}
}

@media only screen and (max-width:1080px){

	.module-28 {
		padding: 60px 0 0;
	}

	.module-28 .ry-flex {
		flex-direction: column !important;
	}

	.module-28 .ry-left {
		display: none;
	}

	.module-28 .ry-right {
		flex-basis: 100%;
		margin: 0;
		padding: 60px 0;
	}

	.module-28 {
		padding: 0;
		padding-bottom: 55vw;
	}

	.module-28:after {
		height: 55vw;
		background-position: right;
	}
}
@media (max-width: 768px) {
	.module-28 {
		padding: 0;
		padding-bottom: 600px;
	}
	.module-28:after {
		height: 600px;
		background-position: right;
	}
}