.big-subheader {
	padding: 0px 0px 20px;
}
.big-subheader p {
	max-width: 1100px;
	margin: 0 auto;
	line-height: 1.75;
	font-size: 18px;
	color: #636363;
}
.big-subheader ul li {
	max-width: 1100px;
	margin: 0 auto 10px;
	line-height: 1.75;
	font-size: 18px;
	text-align: justify;
	color: #636363;
}

.landing-button-row .v2-button-green{
	margin-top:0px;
	margin-bottom:20px;
}
.details-wrapper {
	position: relative;
    max-width: 1000px;
    margin: 0 auto;
	padding-top:20px;
	padding-left: 20px;
	padding-right: 20px;
    overflow: hidden;
}
.details-wrapper.main {
	max-width: 100%;
	background-color: #FFF;
}

.details-main {
	float: left;
	width: 100%;
}
.details-main.sub{
	float: none;
	max-width: 1000px;
	margin: 80px auto;
}
.details-main.sub .h4{margin-top: 0px; margin-bottom: 0px;}
.details-sidebar {
	float: left;
	width: 33.33%;
	padding-left: 15px;
	padding-right: 15px;
}
.details-header {
	color: #719500;
	/* font-size: 36px; */
	font: normal normal normal 45px/32px "gibsonregular";
	font-family: 'gibsonregular';
	padding-bottom: 10px;
	text-align: left;
}
.section-banner {
	background: url(../../images/v2/homepage.jpg) no-repeat;
	background-size: cover;
	height: 387px;
	display: flex;
	padding: 50px 20px;
}
.about-banner {
	background: url(../../images/v2/about-us/VSL-March-2021.jpg) no-repeat center;
	background-size: cover;
}
.about-banner1 {
	background: url(../../images/v2/about-us/Header1-VSL.jpg) no-repeat center -280px;
	background-size: cover;
	background-attachment: fixed;
	background-size: 100%;
}
.about-banner2 {
	background: url(../../images/v2/about-us/Header2-Laval.jpg) no-repeat center -80px;
	background-size: cover;
	background-attachment: fixed;
	background-size: 100%;
}
.about-banner3 {
	background: url(../../images/v2/about-us/header-Anjou.jpg) no-repeat center 0px;
	background-size: cover;
	background-attachment: fixed;
	background-size: 100%;
}
.about-banner4 {
	background: url(../../images/v2/about-us/Header4-Ahunstic.jpg) no-repeat center -245px;
	background-size: cover;
	background-attachment: fixed;
	background-size: 100%;
}
.section-banner h1 {
	max-width: 800px;
	margin: 0 auto;
	margin-bottom: 15%;
	font-size: 36px !important;
	font-family: 'gibsonlight' !important;
	line-height: 50px;
	font-weight: 300;
	text-align: center;
	color: #ffffff;
}
/* My first commit with VSC */
.section-banner p {
	display: block;
	margin: 0 auto;
	max-width: 600px;
	font-size: 18px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.68;
	letter-spacing: normal;
	text-align: center;
	color: #ffffff;
}
.section-banner p span {
	font-style: italic;
}
.section-subheading {
	padding: 30px 20px 32px;
}
.section-subheading h1 {
	margin-bottom: 20px;
	font-size: 40px;
	font-weight: 300;
	text-align: center;
	color: #2f2f2f;
}
.section-subheading p {
	display: block;
	margin: 0 auto;
	max-width: 1000px;
	font-size: 18px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.68;
	letter-spacing: normal;
	text-align: center;
	color: #636363;
}
.show-tooltip {
	display: inline-block;
	position: relative;
	color: #719500;
	text-decoration: underline;
	cursor: pointer;
}
.tooltip_templates {
	display: none;
}
#tooltip_content {
	background: #fff;
}
.section-about {
	padding: 60px 0px;
}
.jrm-truncate {
	margin-bottom: 45px;
}
.section-about:nth-child(even) .section-content {
	float: right;
}
.section1 {
	background: url(../../images/v2/about-us/VSL-March-2021.jpg) no-repeat center;
	background-size: cover;
}

.lufavore .section1 {
	background: url(../../images/v2/landing/landing-image-1.jpg) no-repeat center;
	background-size: cover;
}
.section2 {
	background: url(../../images/v2/about-us/about-image-2.jpg) no-repeat center;
	background-size: cover;
}
.lufavore .section2 {
	background: url(../../images/v2/landing/landing-image-2.jpg) no-repeat center;
	background-size: cover;
}
.section3 {
	background: url(../../images/v2/about-us/about-image-3.jpg) no-repeat center;
	background-size: cover;
}
.lufavore .section3 {
	background: url(../../images/v2/landing/landing-image-3.jpg) no-repeat center;
	background-size: cover;
	background-position-y: -260px;
}
.section4 {
	background: url(../../images/v2/about-us/about-image-4.jpg) no-repeat center;
	background-size: cover;
}
.section5 {
	background: url(../../images/v2/about-us/about-image-5.jpg) no-repeat center;
	background-size: cover;
	border-bottom: 0;
}
.section6 {
	background: url(../../images/v2/about-us/about-image-6.png) no-repeat center;
	background-size: cover;
	border-bottom: 0;
}
.section7 {
	background: url(../../images/v2/about-us/about-image-7.jpg) no-repeat center;
	background-size: cover;
	border-bottom: 0;
}
.section-wrapper {
	max-width: 1140px;
	margin: 0 auto;
	padding: 0px 10px;
	box-sizing: border-box;
}
.section-wrapper:after {
	display: block;
	content: '';
	clear: both;
}
.section-content {
	position: relative;
	background: #fff;
	padding: 30px 50px 50px 50px;
	width: 50%;
	z-index: 2;
	border-radius: 15px;
}
.lufavore .section-content{
	padding: 30px 50px;
}
.section-content h1 {
	color: #2f2f2f;
	font-size: 36px;
}
.section-content p {
	margin-bottom: 30px;
	color: #636363;
	font-size: 18px;
	line-height: 1.75;
}
.more-about {
	width: 220px;
    display: block;
    margin: 0 auto;
}
.pull-left {
	float: left;
}
.pull-right {
	float: right;
}
.media-section {
	padding: 20px 0px;
	padding-bottom:80px;
	color:#636363;
}
.our-story {
	position: relative;
	overflow: hidden;
	padding: 20px 0px;
	padding-top: 40px;
}
.media-section .button-wrapper {
	max-width: 320px;
	margin: 20px auto;
    text-align: center;
}
.basic-link {
	display: block;
	margin-top: 17px;
	color: #719500;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.65;
	text-align: center;
}
.media-section h1,
.our-story h1 {
	font-size: 40px;
	font-weight: 400;
	line-height: 1.75;
	text-align: center;
	color: #2f2f2f;
	margin-top: 0px;
	margin-bottom:25px;
}
.media-content {
	max-width: 1000px;
	margin: 0px auto;
	padding: 5px 0px;
	overflow: hidden;
	margin-bottom:25px;
}
.media-col {
	float: left;
	width: calc(33.3% - 40px);
	margin: 0px 20px 20px;
	padding: 30px;
	text-align: center;
	background: #fff;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.12);
	box-sizing: border-box;
	position: relative;
	border-radius: 15px;
}

.media-col.landing {
	padding:0px;
}
.slick-prev, .slick-prev:hover, .slick-prev:focus {
	width: 35px;
	height: 35px;
	text-indent: -9999px;
	background-size: 35px;
}
.slick-next, .slick-next:hover, .slick-next:focus {
	width: 35px;
	height: 35px;
	text-indent: -9999px;
	background-size: 35px;
}
.media-col img {
	width: 100%;
}

.col-center h3 {
	margin-bottom: 20px;
	font-size: 18px;
	line-height: 1.37;
	text-align: center;
	color: #636363;
	font-family: 'gibsonregular';
}
.col-center p {
	font-size: 18px;
	line-height: 1.68;
	text-align: center;
	color: #636363;
	font-family: 'gibsonlight';
}
.jrm-toggle {
	font-weight: 600;
    color: #719500;
    margin: 2px 0px 20px;
}
.image-part {
	width: 100%;
	height: 220px;
	border-top-left-radius: 15px;
    border-top-right-radius: 15px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.image-2009 {background-image: url(../../images/v2/year-2009.png);}
.image-2010 {background-image: url(../../images/v2/year-2009.png);}
.image-2011 {background-image: url(../../images/v2/year-2009.png);}
.image-2012 {background-image: url(../../images/v2/year-2009.png);}
.image-2013 {background-image: url(../../images/v2/year-2009.png);}
.image-2014 {background-image: url(../../images/v2/year-2009.png);}
.image-2015 {background-image: url(../../images/v2/year-2009.png);}
.image-2016 {background-image: url(../../images/v2/year-2009.png);}
.image-2017 {background-image: url(../../images/v2/year-2009.png);}
/* slider */
.story-slider-wrapper {
	padding: 20px 0px 0px;
}
.slick-slide {
	margin: 0px 15px;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.12);
	background-color: #fdfeff;
	margin-bottom: 10px;
	border-radius: 15px;
}
.slider-center {
	padding: 15px;
	min-height: 350px;
}
.slider-header {
	margin: 0;
	font-size: 18px;
	line-height: 1.68;
	text-align: left;
	color: #2f2f2f;
	font-family: 'gibsonsemibold';
}
.slider-text {
	margin: 0;
	font-size: 18px;
	line-height: 1.68;
	text-align: left;
	color: #636363;
	font-family: 'gibsonlight';
	overflow: hidden;
    text-overflow: clip;
}
.slick-prev:before,
.slick-next:before {
	color: black;
}
.slick-slide {
	transition: all ease-in-out .3s;
	/* opacity: .2; */
}
.fade .image-part,
.fade .slider-center {
	opacity: .8;
}
.slick-active {
	opacity: .5;
}
.slick-current {
	opacity: 1;
}
.mobile-story {
	display: none;
}
.slider-item {
	position: relative;
}
.slider-item,
.slick-slide {
	outline: 0;
}
.slick-prev {
	left: 25px;
	z-index: 9999;
}
.slick-next {
	right: 25px;
	z-index: 9999;
}

.media-content p {
	font-size: 18px;
	line-height: 1.42;
}

.green-link {
	color: #719500;
}

.media-section.press-button {
	margin-bottom:25px !important;
}

@media only screen and (min-width: 1300px) {
	.slick-slide {
		width: 300px !important;
	}
	.slick-list {
		overflow: inherit !important;
		/* padding: 0px 385px !important; */
	}
	.slick-track {
		width: 5000px !important;
	}
}

/* @media only screen and (max-width: 1000px) {
	.section-about {
		padding: 20px 0px;
	}
	.details-main {
		width: 100%;
		float: none;
		padding-right: 0;
	}
	.details-sidebar {
		width: 100%;
		float: none;
		padding-left: 0;
		padding-right: 0;
	}
	.details-header {
		font-size: 24px;
		padding-left:20px;
		padding-right:20px;
	}
	.details-wrapper {
		padding-top: 0px;
		padding-bottom: 0px;
	}
	.big-subheader {
    	padding: 15px 20px 35px;
	}
	.big-subheader p {
	    margin: 0 auto;
    	font-size: 18px;
	}
	.section-banner {
		height: 200px;
		background-position-y:0px;
		background: url(../../images/v2/VSL-March-2021.jpg) no-repeat;
		background-size: cover;
	}
	.about-banner {
		background: url(../../images/v2/ourfarms/ourfarm-ahuntsic.jpg) no-repeat center;
		background-size: cover;
		background-position-y: 80%;
	}
	.section-banner h1 {
		margin-bottom: 0px;
		text-align: left;
		font-size: 24px !important;
		line-height: 27px;
		margin-bottom:20%;
	}
	.section-banner p {
		display: none;
	}
	.section-subheading {
		padding: 25px 20px 30px;
	}
	.section-subheading h1 {
		text-align: left;
		max-width: 100%;
		font-size: 25px;
		margin-bottom: 20px;
	}
	.section-subheading p {
		text-align: left;
		max-width: 100%;
	}
	.section-about {
		position: relative;
		background-image: none !important;
		padding-bottom: 23px;
	}
	.slider-text {
		font-size: 18px;
	}
	.slider-header {
		font-size: 18px;
	}
	.our-story {
    	padding-bottom: 20px;
	}
	.media-content {
		margin: 5px 0px;
		padding: 5px 0px;
	}
	.section-about:before {
		display: block;
		content: '';
		height: 200px;
		width: 100%;
		position: absolute;
		top: 0px;
		left: 0px;
		z-index: 1;
	}
	.section-content {
		width: 100%;
		padding: 20px !important;
		box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.12);
	}
	.section-content h1 {
		font-size: 25px;
		line-height: 35px;
		margin-bottom: 15px;
	}
	.section-content .v2-button-white {
		margin-top: 10px;
	}
	.button-half {
    	width: 100%;
    	margin-bottom: 15px;
	}
	.media-section {
		padding:0 3%;
		padding-bottom:3%;
	}
	.media-section p {
		color: #636363;
    	line-height: 25.7px;
    	font-size: 18px !important
	}
	.media-section h1,
	.our-story h1 {
		color:#2f2f2f;
		font-size: 25px;
		text-align: left;
		padding: 0px;
		margin:0;
	}
	.col-center {
		height: auto;
	}

	.section-content .button-half {
		max-width: 320px;
		width: 95% !important;
		float: none;
	}
} */
@media only screen and (max-width: 640px) {
	.big-subheader p {
		text-align: left;
	}
	.media-col {
		width: 60%;
		margin: 0 auto;
		margin-bottom: 20px;
	}
	.media-col.landing{
		width: calc(100% - 40px);
	}
	.media-content .media-col {
		width: calc(100% - 40px);
		margin-right: 20px;
		margin-left: 20px;
	}
	.mobile-story .mobile-slider-item {
		box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12);
	}
	.media-content .slick-slide {
		padding: 0;
		background: #fff;
	    padding-top: 5px;
	    opacity: 0.2;
	}
	.media-content .slick-current {
		opacity: 1;
	}
	.media-content .slick-slide	.col-center {
		min-height: 300px;
	}
	.slick-prev {
		left: 0px;
		transform: inherit;
    	top: 50%;
	}
	.slick-next {
		right: 0px;
		transform: inherit;
    	top: 50%;
	}
}
@media only screen and (min-width: 640px) {
	.slider-item:before {
		display: block;
		content: '';
		width: 30px;
		height: 14px;
		background: #b9d595;
		position: absolute;
		top: 50%;
		margin-top:-7px;
		left: -30px;
	}
	.slider-item.fade:before {
		display: block;
		content: '';
		width: 30px;
		height: 14px;
		background: #e3ead2;
		position: absolute;
		top: 50%;
		margin-top:-7px;
		left: -30px;
	}
	.slider-item.fade:after {
		display: block;
		content: '';
		width: 30px;
		height: 14px;
		background: #e3ead2;
		position: absolute;
		top: 200px;
		right: -30px;
		z-index: 2;
	}
	.slider-item:first-child:before {
		display: none;
	}
	.slider-item.fade:last-child:after {
		display: none;
	}
}

.section8{
	display: flex;
	justify-content: center;
	margin-left: 280px;
}
.section8-text{
	margin-left: 60px;
	margin-top: 74px;
}
@media only screen and (max-width: 640px) {
	.section8{
		display: flex;
		margin-left: 0px;
	}
}
.title-of-video{
	margin-bottom:20px; 
	color: #414042;
	font-size:22px;
	font: normal normal normal 22px/30px;
	font-family: 'gibsonregular';
	max-width: 381px;
}
.text-of-video{
	color: #636363;
	font: normal normal 300 17px/24px;
	font-family: 'gibsonlight';
	font-size: 17px;
	max-width: 359px;
}
.section-about .about-content {
	padding: 30px !important; 
	width: 400px !important;
}
.overline {
	text-align: left;
	font: normal normal 300 15px/18px "gibsonlight";
	color: #636363;
}
.about-section-title {
	color: #414042 !important;
	font-family: "gibsonlight" !important;
}
.about-section-title span {
	color: #719500 !important;
}
.about-content .button-wrapper a {
	padding: 0px 15px !important;
	display: inline-block !important;
}
.about-content p {
	font-size: 17px;
}
.section9 {
	background: url(../../images/v2/about-us/card1-greenhouses.jpg) no-repeat center;
	padding: 5% 0;
	background-size: cover;
	position: relative;
	height: 100vh;
}
.section10 {
	background: url(../../images/v2/about-us/card2-basket_2.jpg) no-repeat center;
	padding: 5% 0;
	background-size: cover;
	position: relative;
	height: 100vh;
}
.section11 {
	padding: 5% 0;
	position: relative;
	background: #F4F1ED 0% 0% no-repeat padding-box;
	height: 100vh;
}
.section11 .direct-giving-section {
	width: 360px;
	height: 360px;
	background: url(../../images/v2/about-us/card3-direct-giving.svg) no-repeat center;
	padding: 5% 0;
	background-size: cover;
	float: right;
}
.section12 {
	background: url(../../images/v2/about-us/card4-events.jpg) no-repeat center;
	padding: 5% 0;
	background-size: cover;
}
.section13 {
	background: url(../../images/v2/about-us/about-image-4.jpg) no-repeat center;
	padding: 5% 0;
	background-size: cover;
	position: relative;
	height: 100vh;
}
.career-count {
	width: 200px;
	height: 62px;
	padding: 15px;
	text-align: center;
	border: 2px solid #719500;
	border-radius: 50px;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	color: #414042;
	box-shadow: 0px 3px 6px #00000029;
	letter-spacing: 0px;
	font-size: 21px;
	position: absolute;
    top: -31px;
    z-index: 999;
	font-family: "gibsonregular";
	font-weight: bold;
}
.our-history{
	min-height: 600px;
	padding-bottom: 20px;
	position: relative;
	overflow: hidden;
	/* padding: 20px 0px;
	padding-top: 40px; */
}
.history-banner {
    background: url(../../images/about/history-lufa-header.jpg) no-repeat;
    background-size: cover;
    /* background-position-y: 80%; */
	/* background-attachment: fixed; */
	background-position: bottom;
	background-repeat: no-repeat
}
.our-history h1 {
	color:#2f2f2f;
	font-size: 25px;
	text-align: left;
	padding: 0px;
	margin:0;
	font-size: 40px;
	font-weight: 400;
	line-height: 1.75;
	text-align: center;
	color: #2f2f2f;
	margin-top: 0px;
	margin-bottom:25px;
}
.history-founder-section-content {
	position: relative;
    background: #fff;
    padding: 30px 20px 20px 30px;
    width: 400px;
    z-index: 2;
    border-radius: 15px;
	left: 870px;
}
.history-founder-section-title{margin-bottom: 30px;text-align: left; font: normal normal normal 42px/50px "gibsonregular"; letter-spacing: 0px; color: #719500 !important; opacity: 1;}
.history-founder-content{
	text-align: left;
	font: normal normal 100 17px/24px "gibsonlight";
	letter-spacing: 0px;
	color: #636363;
	font-size: 17px;
    line-height: 24px;
}
.brief-history-title{
    position: relative;
	margin-top: 50px;
	margin-bottom: 30px;
	text-align: left;
	font: normal normal normal 42px/50px "gibsonregular";
	letter-spacing: 0px;
	color: #414042;
	opacity: 1;
	left: 10px;
}
.brief-history-section-2009 {
    position: relative;
    background: #fff;
    width: 525px;
    z-index: 2;
    border-radius: 15px;
}
.image-part-2009 {
	width: 525px;
	height: 283px;
	border-top-left-radius: 15px;
    border-top-right-radius: 15px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.brief-history-content{
	padding: 30px 30px 30px 30px;
    min-height: 200px;
}
.right-column{
	left: 590px;
    position: relative;
}
.histoty-button{
	top: 258px;
    left: 203px;
    width: 120px;
    height: 49px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 10px 20px #00000029;
    border-radius: 4px;
    opacity: 1;
    position: absolute;
}
.history-button-class{
	text-align: center;
    font: normal normal normal 22px/26px "gibsonregular";
    letter-spacing: 0px;
    color: #719500;
    top: 10px;
    position: relative;
}
.brief-history-content-title{
	text-align: left;
	font: normal normal normal 22px/36px "gibsonregular";
	letter-spacing: 0px;
	color: #719500 !important;
	opacity: 1;
}
.brief-history-text{
	text-align: left;
	font: normal normal 100 17px/24px "gibsonlight";
	letter-spacing: 0px;
	color: #636363;
	opacity: 1;
	font-size: 17px;
    line-height: 24px;
}
.quick-links{
	background: #FFFFFF 0% 0% no-repeat padding-box;
	position: relative;
}
.quick-links-section{
	margin-left: 170px;
	margin-right: 170px;
}
.quick-links-section-wrapper{
	/* UI Properties */
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 0px 10px 20px #00000029;
	border-radius: 15px;
	opacity: 1;
	margin-top: 50px;

}
.quicklink-overline{
	/* UI Properties */
	text-align: left;
	font-size: 15px;
    line-height: 18px;
    font-family: "gibsonregular";
	letter-spacing: 0px;
	color: #719500;
	opacity: 1;
}
.quicklink-title{
	/* UI Properties */
	text-align: left;
	font-size: 22px;
    line-height: 30px;
	font-family: "gibsonlight";
	letter-spacing: 0px;
	color: #636363;
	opacity: 1;
	/* width: 270px;
    height: 52px;
    margin-bottom: 30px;
    margin-top: 9px; */
}
.margin-top-200{
	margin-top: -200px;
}
.left-column{
	left: 10px;
}
.vertical-divider{
	border-left: 1px solid #F4F1ED;
	left: 550px;
	position: relative;
}
.about-us-what-next{
	position: relative;
    background: #fff;
    width: 1100px;
    /* left: 50px; */
    z-index: 2;
    margin-top: 150px;
    border-radius: 15px;
	height: 319px;
}
.about-what-next{
	background: #fff url(/images/hr/Greenhouse_illustrations_careerspage.svg) no-repeat center 120px;
    background-size: 88% auto;
    overflow: hidden;
    /* height: 320px; */
	z-index: 111;
	margin-bottom: 60px;
}
.brief-history-content-what-next{
	padding: 15px;
    min-height: 293px;
	border-radius: 13px;
}
.green-text {
	color: #719500;
}
.po-what-next{margin-bottom:10px;font-size: 22px;line-height: 36px;}
.font-light-grey-17{font-family: "gibsonlight";font-size: 17px;line-height: 24px; color: #636363; padding-top: 10px;}
.font-regular-f-17 a{font-family: "gibsonregular";font-size: 17px!important;line-height: 24px;}
.about-text-center{
	text-align: center;
	letter-spacing: 0px;
	opacity: 1;
	padding-top: 30px;
}
.quicklink-short-intro p{
	font-size: 17px;
    line-height: 24px;
	font-family: "gibsonthin" !important;
	color: #636363;
	opacity: 1;
}
.quicklink-button{
	/* UI Properties */
	border: 1px solid #719500;
	border-radius: 4px;
	opacity: 1;
	max-width: fit-content;
    padding-inline: 16px;
	height: 40px;
}
.quicklink-button-text{
	/* UI Properties */
	text-align: center;
	font-size: 17px;
    line-height: 37px;
	font-family: "gibsonregular";
	letter-spacing: 0px;
	color: #719500;
	opacity: 1;
}
.border-bottom-green {
	border-bottom: #719500 20px solid;
}
.h-font-light-grey-17{font-family: "gibsonlight";font-size: 17px;line-height: 24px; color: #636363;padding: 0px 266px 0px 246px;}
.font-normal-17{text-align: center; font: normal normal normal 17px/24px "gibsonregular";letter-spacing: 0px; color: #414042;}
.h-font-regular-f-17 a{font-family: "gibsonregular";font-size: 17px!important;line-height: 24px;color: #719500;}
.second_sec{position:relative;}
.second_sec:after{position:absolute;height:86.5%;width:1px;left:50%;top:85px;background: #D4DADE;}
.about_link{padding-top: 20px;}
@media only screen and (max-width: 360px){
	.h-history-banner{background: url(../../images/about/history-lufa-header.jpg) no-repeat bottom; background-size: cover; height: 240px; background-size: 100%;}
	.history-banner{background: none;}
	.history-founder-section-content{margin: auto;width: 100%;left: 0;box-shadow: 0px 3px 6px #6565654b;background: #FFFFFF 0% 0% no-repeat padding-box; z-index:11111;top:-90px}
	.h-font-light-grey-17 {padding: 0; font: normal normal 300 17px/24px "gibsonlight";}
	.about-us-what-next{width: 100%; margin: auto; left: 0; margin: 60px 0px;height: 400px;}
	.about-text-center{padding-top: 20px;}
	.brief-history-section-2009{width: 100%;}
	.left-column{left: 0;}
	.right-column{left: 0;}
	.margin-top-200 {margin-top: 30px;}
	.brief-history-title{text-align: center; margin-bottom: 30px; margin-top: -90px; left: auto;}
	.histoty-button{left: 31%; margin: auto;}
	.about-what-next {background: #FFF url(/images/hr/Greenhouse_illustrations_careerspage.svg) no-repeat 55px 208px;background-size: 270%;}
	.second_sec:after{width: 0px;}
	.our-history{
		min-height: 0px;
		padding-bottom: 0px;
		position: relative;
		overflow: hidden;
		padding: 0px;
	}
	.history-founder-section-title{font: normal normal normal 34px/36px "gibsonregular";margin-bottom: 20px;}
	.brief-history-title{font: normal normal normal 34px/41px "gibsonregular"; padding: 0px 30px;}
	.image-part-2009{width: 100%; height: auto;}
	.brief-history-content {padding: 30px 20px 30px 20px;}
	.brief-history-content-what-next{padding: 10px;}
	.history-founder-section-title{margin-top: 0px !important;}
	.image-container-2009{height: 240px !important;}
	.lufa-9 .histoty-button{top:218px}
}
@media only screen and (min-width: 361px)and (max-width: 500px){
	.h-history-banner{background: url(../../images/about/history-lufa-header.jpg) no-repeat bottom; background-size: cover; height: 240px; background-size: 100%; background-position-y: -60px}
	.history-banner{background: none;}
	.history-founder-section-content{margin: auto;width: 100%;left: 0;box-shadow: 0px 3px 6px #6565654b;background: #FFFFFF 0% 0% no-repeat padding-box; z-index:11111;top:-90px}
	.h-font-light-grey-17 {padding: 0px 58px;}
	.about-us-what-next{width: 100%; margin: auto; left: 0; margin: 60px 0px;height: 400px;}
	.about-text-center{padding-top: 20px;}
	.brief-history-section-2009{width: 100%;}
	.left-column{left: 0;}
	.right-column{left: 0;}
	.margin-top-200 {margin-top: 30px;}
	.brief-history-title{text-align: center; margin-bottom: 30px; margin-top: -90px; left: auto;}
	.histoty-button{left: 35%; margin: auto;}
	.about-what-next {background: #FFF url(/images/hr/Greenhouse_illustrations_careerspage.svg) no-repeat 123px 213px;background-size: 185%;}
	.second_sec:after{width: 0px;}
	.our-history{
		min-height: 0px;
		padding-bottom: 0px;
		position: relative;
		overflow: hidden;
		padding: 0px;
	}
	.history-founder-section-title{font: normal normal normal 34px/36px "gibsonregular";margin-bottom: 20px;}
	.brief-history-title{font: normal normal normal 34px/41px "gibsonregular"; padding: 0px 30px;}
	.image-part-2009{width: 100%; height: auto;}
	.brief-history-content {padding: 30px 20px 30px 20px;}
	.brief-history-content-what-next{padding: 10px;}
	.history-founder-section-title{margin-top: 0px !important;}
	/* .image-container-2009{height: 240px !important;} */
	/* .lufa-9 .histoty-button{top:218px} */
}
@media only screen and (min-width: 500px) {
	.quick-links-faq{
		margin-right: 100px;
		margin-left: 115px;
		margin-top: 90px !important;
	}
}
@media only screen and (max-width: 500px) {
	/* CSS for quick links */
	.quick-links-section{
		margin:0 !important;
	}	
	.media-col.quick-links-section-wrapper{
		margin-top: 30px !important;
		width: 95%;
		margin-left: 10px !important;
		margin-right: 10px !important;
	}
	.quick-links-section-wrapper{
		margin: 0 !important;
		height: 225px;
	}
	.quicklink-short-intro p {
		font-family: "gibsonthin" !important;
	}
	.quick-links-faq{
		margin-right: 20px;
		margin-left: 20px;
		margin-top: 90px !important;
	}
}
@media only screen and (min-width: 501px) and (max-width: 760px){
	/* CSS for quick links */
	.quick-links-section {
		margin: 0 !important;
	}
	.quicklink-short-intro p {
		font-family: "gibsonthin" !important;
	}
	.quicklink-button-text{
		/* UI Properties */
		text-align: center;
		font-size: 15px;
		line-height: 37px;
		font-family: "gibsonregular";
		letter-spacing: 0px;
		color: #719500;
		opacity: 1;
	}
	.media-col.quick-links-section-wrapper{
		margin-top: 30px !important;
		width: 95% !important;
		margin-left: 10px !important;
		margin-right: 10px !important;
	}
	.image-part-2009{width: 100%; height: auto;}
}
@media only screen and (min-width: 761px) and (max-width: 850px){
	.quick-links-section {
		margin: 0 !important;
	}
	.quicklink-button-text{
		/* UI Properties */
		text-align: center;
		font-size: 14px;
		line-height: 37px;
		font-family: "gibsonregular";
		letter-spacing: 0px;
		color: #719500;
		opacity: 1;
	}
	.image-part-2009{width: 100%; height: auto;}
}
@media only screen and (min-width: 850px) and (max-width: 900px){

	/* CSS for quick links */
	.quick-links-section{
		margin-left: 5% !important;
		margin-right: 5% !important;
	}
	.media-col.quick-links-section-wrapper{
		margin-top: 30px !important;
		width: 235px !important;
		margin-left: 10px !important;
		margin-right: 10px !important;
	}
	
	.quicklink-short-intro p {
		font-family: "gibsonthin" !important;
	}
	.quicklink-button-text{
		/* UI Properties */
		text-align: center;
		font-size: 14px;
		line-height: 37px;
		font-family: "gibsonregular";
		letter-spacing: 0px;
		color: #719500;
		opacity: 1;
	}
	.image-part-2009{width: 100%; height: auto;}
}
@media only screen and (min-width: 901px) and (max-width: 1200px){
	/* CSS for quick links */
	.quick-links-section{
		margin-left: 5% !important;
		margin-right: 5% !important;
	}
	.quicklink-button-text{
		/* UI Properties */
		text-align: center;
		font-size: 14px;
		line-height: 37px;
		font-family: "gibsonregular";
		letter-spacing: 0px;
		color: #719500;
		opacity: 1;
	}
}
.quick-links-faq{
	margin-top: 5%;
	padding-bottom: 30px;
	text-align: center;
}
.quick-links-faq .faq-1{
	/* UI Properties */
	text-align: center;
	font-size: 17px;
    line-height: 24px;
	font-weight: 100 !important;
	font-family: 'gibsonlight';
	letter-spacing: 0px;
	color: #636363;
}
.quick-links-faq .faq-2{
	/* UI Properties */
	text-align: center;
	font-size: 17px;
    line-height: 24px;
	text-decoration: underline;
	letter-spacing: 0px;
	color: #719500;
}
.faq-2 a{
	color: #719500;
}
.about-header{
	/* UI Properties */
	text-align: center;
	font: normal normal normal 22px/32px "gibsonregular";
	letter-spacing: 0px;
	color: #719500;
}
.big-subheader p{
	/* UI Properties */
	text-align: center;
	font: normal normal 300 22px/30px "gibsonlight";
	letter-spacing: 0px;
	color: #636363;
}
.banner-header-text{
	text-align: left;
	width: 510px;
	margin-left: 170px;
	font-size: 46px;
	letter-spacing: 0px;
	color: #414042;
	opacity: 1;
}
.banner-sub-header{
	letter-spacing: 0px;
    color: #414042;
    opacity: 1;
    width: fit-content;
    margin-top: -35px;
    font-size: 15px;
    line-height: 31px;
    padding: 0px 5px;
}
.banner-sub-header-bg{
	/* UI Properties */
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 6px #AFAFAF29;
	border-radius: 4px;
	opacity: 1;
	margin-left: 40%;
	width: max-content;
	height: 25px;
}
@media only screen and (min-width: 501px) and (max-width: 1000px){
	.h-history-banner{background: url(../../images/about/history-lufa-header.jpg) no-repeat bottom; background-size: cover; height: 240px; background-size: 100%;}
	.history-banner{background: none;}
	.history-founder-section-content{margin: auto;width: 100%;left: 0;box-shadow: 0px 3px 6px #6565654b;background: #FFFFFF 0% 0% no-repeat padding-box; z-index:11111;top:-90px}
	.h-font-light-grey-17 {padding: 0px 60px 0px 125px;}
	.about-us-what-next{width: 100%; margin: auto; left: 0; margin: 60px 0px;}
	.about-text-center{padding-top: 0;}
	.brief-history-section-2009{width: 100%;}
	.left-column{left: 0;}
	.right-column{left: 0;}
	.margin-top-200 {margin-top: 30px;}
	.brief-history-title{text-align: center; margin-bottom: 30px; margin-top: 30px;}
	.histoty-button{left: 42%; margin: auto;}
	.about-what-next {background: #FFF url(/images/hr/Greenhouse_illustrations_careerspage.svg) no-repeat 101px 141px;background-size: 120%;}
	.second_sec:after{width: 0px;}
	.brief-history-content {padding: 30px 20px 30px 20px;}
	.brief-history-content-what-next{padding: 10px;}
	.history-founder-section-title{margin-top: 0px !important;}
	.history-founder-section-title{font: normal normal normal 34px/36px "gibsonregular";margin-bottom: 20px;}
}
@media only screen and (min-width: 501px) and (max-width: 550px){
	.h-history-banner{background: url(../../images/about/history-lufa-header.jpg) no-repeat bottom; background-size: cover; height: 240px; background-attachment: fixed; background-size: 100%;}
	.h-font-light-grey-17 {padding: 0px 58px;}
	.about-us-what-next{width: 100%; margin: auto; left: 0; margin: 60px 0px;height: 400px;}
	.about-text-center{padding-top: 20px;}.brief-history-title{text-align: center; margin-bottom: 30px; margin-top: -90px; left: auto;}
	.histoty-button{left: 35%; margin: auto;}
	.about-what-next {background: #FFF url(/images/hr/Greenhouse_illustrations_careerspage.svg) no-repeat 123px 213px;background-size: 185%;}
	/* .second_sec:after{width: 0px;} */
	.our-history{
		min-height: 0px;
		padding-bottom: 0px;
		position: relative;
		overflow: hidden;
		padding: 0px;
	}
	
	.brief-history-title{font: normal normal normal 34px/41px "gibsonregular"; padding: 0px 30px;}
	.image-part-2009{width: 100%; height: auto;}
	
}
@media only screen and (min-width: 551px) and (max-width: 600px){
	.h-history-banner{background: url(../../images/about/history-lufa-header.jpg) no-repeat bottom; background-size: cover; height: 240px; background-size: 100%;}
	.h-font-light-grey-17 {
		padding: 0px 45px;
	}
	.about-us-what-next{width: 100%; margin: auto; left: 0; margin: 60px 0px;height: 400px;}
	.about-text-center{padding-top: 20px;}.brief-history-title{text-align: center; margin-bottom: 30px; margin-top: -90px; left: auto;}
	.histoty-button{left: 40%; margin: auto;}
	.about-what-next {
		background: #FFF url(/images/hr/Greenhouse_illustrations_careerspage.svg) no-repeat 155px 184px;
		background-size: 185%;
	}
	/* .second_sec:after{width: 0px;} */
	.our-history{
		min-height: 0px;
		padding-bottom: 0px;
		position: relative;
		overflow: hidden;
		padding: 0px;
	}
	
	.brief-history-title{font: normal normal normal 34px/41px "gibsonregular"; padding: 0px 30px;}
	.image-part-2009{width: 100%; height: auto;}
	
}
@media only screen and (min-width: 601px) and (max-width: 650px){
	.h-history-banner {
		background: url(../../images/about/history-lufa-header.jpg) no-repeat bottom;
		background-size: cover;
		height: 270px;
		/* background-attachment: fixed; */
		background-size: 100%;
	}
	.h-font-light-grey-17 {padding: 0px 58px;}
	.about-us-what-next{width: 100%; margin: auto; left: 0; margin: 60px 0px;height: 400px;}
	.about-text-center{padding-top: 20px;}.brief-history-title{text-align: center; margin-bottom: 30px; margin-top: -90px; left: auto;}
	.histoty-button{left: 35%; margin: auto;}
	.about-what-next {
		background: #FFF url(/images/hr/Greenhouse_illustrations_careerspage.svg) no-repeat 170px 185px;
		background-size: 180%;
	}
	.image-container-2009 {
		background: url(../../images/about/lufa2009.jpeg) no-repeat center !important;
		background-size: 100% !important;
		height: 350px !important;
		border-radius: 15px 15px 0px 0px !important;
	}
	.image-container-2010 {
		background: url(../../images/about/lufa2010.jpeg) no-repeat center;
		background-size: 100% !important;
		height: 350px !important;
		border-radius: 15px 15px 0px 0px;
	}
	.image-container-2011 {
		background: url(../../images/about/lufa2011.jpeg) no-repeat center;
		background-size: 100% !important;
		height: 350px !important;
		border-radius: 15px 15px 0px 0px;
	}
	.image-container-2013 {
		background: url(../../images/about/lufa2013.jpeg) no-repeat center;
		background-size: 100% !important;
		height: 350px !important;
		border-radius: 15px 15px 0px 0px;
	}
	.image-container-2016 {
		background: url(../../images/about/lufa2016.jpeg) no-repeat center;
		background-size: 100% !important;
		height: 350px !important;
		border-radius: 15px 15px 0px 0px;
	}
	.image-container-2017 {
		background: url(../../images/about/lufa2017.jpeg) no-repeat center;
		background-size: 100% !important;
		height: 350px !important;
		border-radius: 15px 15px 0px 0px;
	}
	.image-container-2019 {
		background: url(../../images/about/lufa2019.jpeg) no-repeat center;
		background-size: 145% !important;
		height: 350px !important;
		border-radius: 15px 15px 0px 0px;
	}
	.image-container-2020 {
		background: url(../../images/about/lufanew2020.jpeg) no-repeat center;
		background-size: 100% !important;
		height: 350px !important;
		border-radius: 15px 15px 0px 0px;
	}
	.image-container-2023 {
		background: url(../../images/about/lufa2023.jpg) no-repeat center;
		background-size: 100% !important;
		height: 350px !important;
		border-radius: 15px 15px 0px 0px;
	}
	.image-container-2024{
		background: url(../../images/about/Lufa2024.jpg) no-repeat center;
		background-size: 100% !important;
		height: 350px !important;
		border-radius: 15px 15px 0px 0px
	}
	.histoty-button {
		left: 42%;
		margin: auto;
		top: 328px;
	}
}
@media only screen and (min-width: 651px) and (max-width: 700px){
	.h-history-banner {
		background: url(../../images/about/history-lufa-header.jpg) no-repeat bottom;
		background-size: cover;
		height: 285px;
		/* background-attachment: fixed; */
		background-size: 100%;
	}
	.h-font-light-grey-17 {padding: 0px 58px;}
	.about-us-what-next{width: 100%; margin: auto; left: 0; margin: 60px 0px;height: 400px;}
	.about-text-center{padding-top: 20px;}.brief-history-title{text-align: center; margin-bottom: 30px; margin-top: -90px; left: auto;}
	.histoty-button{left: 35%; margin: auto;}
	.about-what-next {
		background: #FFF url(/images/hr/Greenhouse_illustrations_careerspage.svg) no-repeat 184px 180px;
		background-size: 175%;
	}
	.image-container-2009 {
		background: url(../../images/about/lufa2009.jpeg) no-repeat center !important;
		background-size: 100% !important;
		height: 350px !important;
		border-radius: 15px 15px 0px 0px !important;
	}
	.image-container-2010 {
		background: url(../../images/about/lufa2010.jpeg) no-repeat center;
		background-size: 100% !important;
		height: 350px !important;
		border-radius: 15px 15px 0px 0px;
	}
	.image-container-2011 {
		background: url(../../images/about/lufa2011.jpeg) no-repeat center;
		background-size: 100% !important;
		height: 350px !important;
		border-radius: 15px 15px 0px 0px;
	}
	.image-container-2013 {
		background: url(../../images/about/lufa2013.jpeg) no-repeat center;
		background-size: 100% !important;
		height: 350px !important;
		border-radius: 15px 15px 0px 0px;
	}
	.image-container-2016 {
		background: url(../../images/about/lufa2016.jpeg) no-repeat center;
		background-size: 100% !important;
		height: 350px !important;
		border-radius: 15px 15px 0px 0px;
	}
	.image-container-2017 {
		background: url(../../images/about/lufa2017.jpeg) no-repeat center;
		background-size: 100% !important;
		height: 350px !important;
		border-radius: 15px 15px 0px 0px;
	}
	.image-container-2019 {
		background: url(../../images/about/lufa2019.jpeg) no-repeat center;
		background-size: 145% !important;
		height: 350px !important;
		border-radius: 15px 15px 0px 0px;
	}
	.image-container-2020 {
		background: url(../../images/about/lufanew2020.jpeg) no-repeat center;
		background-size: 100% !important;
		height: 350px !important;
		border-radius: 15px 15px 0px 0px;
	}
	.image-container-2023 {
		background: url(../../images/about/lufa2023.jpg) no-repeat center;
		background-size: 100% !important;
		height: 350px !important;
		border-radius: 15px 15px 0px 0px;
	}
	.image-container-2024{
		background: url(../../images/about/Lufa2024.jpg) no-repeat center;
		background-size: 100% !important;
		height: 350px !important;
		border-radius: 15px 15px 0px 0px
	}
	.histoty-button {
		left: 42%;
		margin: auto;
		top: 328px;
	}
}
@media only screen and (min-width: 701px) and (max-width: 750px){
	.h-history-banner {
		background: url(../../images/about/history-lufa-header.jpg) no-repeat bottom;
		background-size: cover;
		height: 310px;
		/* background-attachment: fixed; */
		background-size: 100%;
	}
	.h-font-light-grey-17 {padding: 0px 70px;}
	.about-us-what-next{width: 100%; margin: auto; left: 0; margin: 60px 0px;height: 400px;}
	.about-text-center{padding-top: 20px;}.brief-history-title{text-align: center; margin-bottom: 30px; margin-top: -90px; left: auto;}
	.histoty-button{left: 35%; margin: auto;}
	.about-what-next {
		background: #FFF url(/images/hr/Greenhouse_illustrations_careerspage.svg) no-repeat 210px 180px;
		background-size: 160%;
	}
	.image-container-2009 {
		background: url(../../images/about/lufa2009.jpeg) no-repeat center !important;
		background-size: 100% !important;
		height: 400px !important;
		border-radius: 15px 15px 0px 0px !important;
	}
	.image-container-2010 {
		background: url(../../images/about/lufa2010.jpeg) no-repeat center;
		background-size: 100% !important;
		height: 400px !important;
		border-radius: 15px 15px 0px 0px;
	}
	.image-container-2011 {
		background: url(../../images/about/lufa2011.jpeg) no-repeat center;
		background-size: 100% !important;
		height: 400px !important;
		border-radius: 15px 15px 0px 0px;
	}
	.image-container-2013 {
		background: url(../../images/about/lufa2013.jpeg) no-repeat center;
		background-size: 100% !important;
		height: 400px !important;
		border-radius: 15px 15px 0px 0px;
	}
	.image-container-2016 {
		background: url(../../images/about/lufa2016.jpeg) no-repeat center;
		background-size: 100% !important;
		height: 400px !important;
		border-radius: 15px 15px 0px 0px;
	}
	.image-container-2017 {
		background: url(../../images/about/lufa2017.jpeg) no-repeat center;
		background-size: 100% !important;
		height: 400px !important;
		border-radius: 15px 15px 0px 0px;
	}
	.image-container-2019 {
		background: url(../../images/about/lufa2019.jpeg) no-repeat center;
		background-size: 145% !important;
		height: 400px !important;
		border-radius: 15px 15px 0px 0px;
	}
	.image-container-2020 {
		background: url(../../images/about/lufanew2020.jpeg) no-repeat center;
		background-size: 100% !important;
		height: 400px !important;
		border-radius: 15px 15px 0px 0px;
	}
	.image-container-2023 {
		background: url(../../images/about/lufa2023.jpg) no-repeat center;
		background-size: 100% !important;
		height: 400px !important;
		border-radius: 15px 15px 0px 0px;
	}
	.image-container-2024{
		background: url(../../images/about/Lufa2024.jpg) no-repeat center;
		background-size: 100% !important;
		height: 400px !important;
		border-radius: 15px 15px 0px 0px
	}
	.histoty-button {
		left: 40%;
		margin: auto;
		top: 376px;
	}
}
@media only screen and (min-width: 751px) and (max-width: 800px){
	.h-history-banner {
		background: url(../../images/about/history-lufa-header.jpg) no-repeat bottom;
		background-size: cover;
		height: 365px;
		/* background-attachment: fixed; */
		background-size: 100%;
	}
	.h-font-light-grey-17 {padding: 0px 135px;}
	.about-us-what-next{width: 100%; margin: auto; left: 0; margin: 60px 0px;height: 400px;}
	.about-text-center{padding-top: 20px;}.brief-history-title{text-align: center; margin-bottom: 30px; margin-top: -90px; left: auto;}
	.histoty-button{left: 35%; margin: auto;}
	.about-what-next {
		background: #FFF url(/images/hr/Greenhouse_illustrations_careerspage.svg) no-repeat 240px 180px;
		background-size: 142%;
	}
	.image-container-2009 {
		background: url(../../images/about/lufa2009.jpeg) no-repeat center !important;
		background-size: 100% !important;
		height: 400px !important;
		border-radius: 15px 15px 0px 0px !important;
	}
	.image-container-2010 {
		background: url(../../images/about/lufa2010.jpeg) no-repeat center;
		background-size: 100% !important;
		height: 400px !important;
		border-radius: 15px 15px 0px 0px;
	}
	.image-container-2011 {
		background: url(../../images/about/lufa2011.jpeg) no-repeat center;
		background-size: 100% !important;
		height: 400px !important;
		border-radius: 15px 15px 0px 0px;
	}
	.image-container-2013 {
		background: url(../../images/about/lufa2013.jpeg) no-repeat center;
		background-size: 100% !important;
		height: 400px !important;
		border-radius: 15px 15px 0px 0px;
	}
	.image-container-2016 {
		background: url(../../images/about/lufa2016.jpeg) no-repeat center;
		background-size: 100% !important;
		height: 400px !important;
		border-radius: 15px 15px 0px 0px;
	}
	.image-container-2017 {
		background: url(../../images/about/lufa2017.jpeg) no-repeat center;
		background-size: 100% !important;
		height: 400px !important;
		border-radius: 15px 15px 0px 0px;
	}
	.image-container-2019 {
		background: url(../../images/about/lufa2019.jpeg) no-repeat center;
		background-size: 145% !important;
		height: 400px !important;
		border-radius: 15px 15px 0px 0px;
	}
	.image-container-2020 {
		background: url(../../images/about/lufanew2020.jpeg) no-repeat center;
		background-size: 100% !important;
		height: 400px !important;
		border-radius: 15px 15px 0px 0px;
	}
	.image-container-2023 {
		background: url(../../images/about/lufa2023.jpg) no-repeat center;
		background-size: 100% !important;
		height: 400px !important;
		border-radius: 15px 15px 0px 0px;
	}
	.image-container-2024{
		background: url(../../images/about/Lufa2024.jpg) no-repeat center;
		background-size: 100% !important;
		height: 400px !important;
		border-radius: 15px 15px 0px 0px
	}
	.histoty-button {
		left: 40%;
		margin: auto;
		top: 376px;
	}
}
@media only screen and (min-width: 801px) and (max-width: 850px){
	.h-history-banner {
		background: url(../../images/about/history-lufa-header.jpg) no-repeat bottom;
		background-size: cover;
		height: 390px;
		/* background-attachment: fixed; */
		background-size: 100%;
	}
	.h-font-light-grey-17 {padding: 0px 155px;}
	.about-us-what-next{width: 100%; margin: auto; left: 0; margin: 60px 0px;height: 400px;}
	.about-text-center{padding-top: 20px;}.brief-history-title{text-align: center; margin-bottom: 30px; margin-top: -90px; left: auto;}
	.histoty-button{left: 35%; margin: auto;}
	.about-what-next {
		background: #FFF url(/images/hr/Greenhouse_illustrations_careerspage.svg) no-repeat 279px 180px;
		background-size: 131%;
	}
	.image-container-2009 {
		background: url(../../images/about/lufa2009.jpeg) no-repeat center !important;
		background-size: 100% !important;
		height: 450px !important;
		border-radius: 15px 15px 0px 0px !important;
	}
	.image-container-2010 {
		background: url(../../images/about/lufa2010.jpeg) no-repeat center;
		background-size: 100% !important;
		height: 450px !important;
		border-radius: 15px 15px 0px 0px;
	}
	.image-container-2011 {
		background: url(../../images/about/lufa2011.jpeg) no-repeat center;
		background-size: 100% !important;
		height: 450px !important;
		border-radius: 15px 15px 0px 0px;
	}
	.image-container-2013 {
		background: url(../../images/about/lufa2013.jpeg) no-repeat center;
		background-size: 100% !important;
		height: 450px !important;
		border-radius: 15px 15px 0px 0px;
	}
	.image-container-2016 {
		background: url(../../images/about/lufa2016.jpeg) no-repeat center;
		background-size: 100% !important;
		height: 450px !important;
		border-radius: 15px 15px 0px 0px;
	}
	.image-container-2017 {
		background: url(../../images/about/lufa2017.jpeg) no-repeat center;
		background-size: 100% !important;
		height: 450px !important;
		border-radius: 15px 15px 0px 0px;
	}
	.image-container-2019 {
		background: url(../../images/about/lufa2019.jpeg) no-repeat center;
		background-size: 145% !important;
		height: 450px !important;
		border-radius: 15px 15px 0px 0px;
	}
	.image-container-2020 {
		background: url(../../images/about/lufanew2020.jpeg) no-repeat center;
		background-size: 100% !important;
		height: 450px !important;
		border-radius: 15px 15px 0px 0px;
	}
	.image-container-2023 {
		background: url(../../images/about/lufa2023.jpg) no-repeat center;
		background-size: 100% !important;
		height: 450px !important;
		border-radius: 15px 15px 0px 0px;
	}
	.image-container-2024{
		background: url(../../images/about/Lufa2024.jpg) no-repeat center;
		background-size: 100% !important;
		height: 450px !important;
		border-radius: 15px 15px 0px 0px
	}
	.histoty-button {
		left: 42%;
		margin: auto;
		top: 426px;
	}
}
@media only screen and (min-width: 851px) and (max-width: 900px){
	.h-history-banner {
		background: url(../../images/about/history-lufa-header.jpg) no-repeat bottom;
		background-size: cover;
		height: 405px;
		/* background-attachment: fixed; */
		background-size: 100%;
	}
	.h-font-light-grey-17 {padding: 0px 170px;}
	.about-us-what-next{width: 100%; margin: auto; left: 0; margin: 60px 0px;height: 400px;}
	.about-text-center{padding-top: 20px;}.brief-history-title{text-align: center; margin-bottom: 30px; margin-top: -90px; left: auto;}
	.histoty-button{left: 35%; margin: auto;}
	.about-what-next {
		background: #FFF url(/images/hr/Greenhouse_illustrations_careerspage.svg) no-repeat 289px 185px;
		background-size: 127%;
	}
	.image-container-2009 {
		background: url(../../images/about/lufa2009.jpeg) no-repeat center !important;
		background-size: 100% !important;
		height: 450px !important;
		border-radius: 15px 15px 0px 0px !important;
	}
	.image-container-2010 {
		background: url(../../images/about/lufa2010.jpeg) no-repeat center;
		background-size: 100% !important;
		height: 450px !important;
		border-radius: 15px 15px 0px 0px;
	}
	.image-container-2011 {
		background: url(../../images/about/lufa2011.jpeg) no-repeat center;
		background-size: 100% !important;
		height: 450px !important;
		border-radius: 15px 15px 0px 0px;
	}
	.image-container-2013 {
		background: url(../../images/about/lufa2013.jpeg) no-repeat center;
		background-size: 100% !important;
		height: 450px !important;
		border-radius: 15px 15px 0px 0px;
	}
	.image-container-2016 {
		background: url(../../images/about/lufa2016.jpeg) no-repeat center;
		background-size: 100% !important;
		height: 450px !important;
		border-radius: 15px 15px 0px 0px;
	}
	.image-container-2017 {
		background: url(../../images/about/lufa2017.jpeg) no-repeat center;
		background-size: 100% !important;
		height: 450px !important;
		border-radius: 15px 15px 0px 0px;
	}
	.image-container-2019 {
		background: url(../../images/about/lufa2019.jpeg) no-repeat center;
		background-size: 145% !important;
		height: 450px !important;
		border-radius: 15px 15px 0px 0px;
	}
	.image-container-2020 {
		background: url(../../images/about/lufanew2020.jpeg) no-repeat center;
		background-size: 100% !important;
		height: 450px !important;
		border-radius: 15px 15px 0px 0px;
	}
	.image-container-2023 {
		background: url(../../images/about/lufa2023.jpg) no-repeat center;
		background-size: 100% !important;
		height: 450px !important;
		border-radius: 15px 15px 0px 0px;
	}
	.image-container-2024{
		background: url(../../images/about/Lufa2024.jpg) no-repeat center;
		background-size: 100% !important;
		height: 450px !important;
		border-radius: 15px 15px 0px 0px
	}
	.histoty-button {
		left: 44%;
		margin: auto;
		top: 426px;
	}
}
@media only screen and (min-width: 901px) and (max-width: 950px){
	.h-history-banner {
		background: url(../../images/about/history-lufa-header.jpg) no-repeat bottom;
		background-size: cover;
		height: 430px;
		/* background-attachment: fixed; */
		background-size: 100%;
	}
	.h-font-light-grey-17 {padding: 0px 175px;}
	.about-us-what-next{width: 100%; margin: auto; left: 0; margin: 60px 0px;height: 400px;}
	.about-text-center{padding-top: 20px;}.brief-history-title{text-align: center; margin-bottom: 30px; margin-top: -90px; left: auto;}
	.histoty-button{left: 35%; margin: auto;}
	.about-what-next {
		background: #FFF url(/images/hr/Greenhouse_illustrations_careerspage.svg) no-repeat 320px 180px;
		background-size: 120%;
	}
	.image-container-2009 {
		background: url(../../images/about/lufa2009.jpeg) no-repeat center !important;
		background-size: 100% !important;
		height: 500px !important;
		border-radius: 15px 15px 0px 0px !important;
	}
	.image-container-2010 {
		background: url(../../images/about/lufa2010.jpeg) no-repeat center;
		background-size: 100% !important;
		height: 500px !important;
		border-radius: 15px 15px 0px 0px;
	}
	.image-container-2011 {
		background: url(../../images/about/lufa2011.jpeg) no-repeat center;
		background-size: 100% !important;
		height: 500px !important;
		border-radius: 15px 15px 0px 0px;
	}
	.image-container-2013 {
		background: url(../../images/about/lufa2013.jpeg) no-repeat center;
		background-size: 100% !important;
		height: 500px !important;
		border-radius: 15px 15px 0px 0px;
	}
	.image-container-2016 {
		background: url(../../images/about/lufa2016.jpeg) no-repeat center;
		background-size: 100% !important;
		height: 500px !important;
		border-radius: 15px 15px 0px 0px;
	}
	.image-container-2017 {
		background: url(../../images/about/lufa2017.jpeg) no-repeat center;
		background-size: 100% !important;
		height: 500px !important;
		border-radius: 15px 15px 0px 0px;
	}
	.image-container-2019 {
		background: url(../../images/about/lufa2019.jpeg) no-repeat center;
		background-size: 145% !important;
		height: 500px !important;
		border-radius: 15px 15px 0px 0px;
	}
	.image-container-2020 {
		background: url(../../images/about/lufanew2020.jpeg) no-repeat center;
		background-size: 100% !important;
		height: 500px !important;
		border-radius: 15px 15px 0px 0px;
	}
	.image-container-2023 {
		background: url(../../images/about/lufa2023.jpg) no-repeat center;
		background-size: 100% !important;
		height: 500px !important;
		border-radius: 15px 15px 0px 0px;
	}
	.image-container-2024{
		background: url(../../images/about/Lufa2024.jpg) no-repeat center;
		background-size: 100% !important;
		height: 500px !important;
		border-radius: 15px 15px 0px 0px
	}
	.histoty-button {
		left: 45%;
		margin: auto;
		top: 478px;
	}
}
@media only screen and (min-width: 951px) and (max-width: 1000px){
	.h-history-banner {
		background: url(../../images/about/history-lufa-header.jpg) no-repeat bottom;
		background-size: cover;
		height: 465px;
		background-size: 100%;
	}
	.h-font-light-grey-17 {padding: 0px 190px;}
	.about-us-what-next{width: 100%; margin: auto; left: 0; margin: 60px 0px;height: 400px;}
	.about-text-center{padding-top: 20px;}.brief-history-title{text-align: center; margin-bottom: 30px; margin-top: -90px; left: auto;}
	.histoty-button{left: 35%; margin: auto;}
	.about-what-next {
		background: #FFF url(/images/hr/Greenhouse_illustrations_careerspage.svg) no-repeat 339px 179px;
		background-size: 116%;
	}
	.image-container-2009 {
		background: url(../../images/about/lufa2009.jpeg) no-repeat center !important;
		background-size: 100% !important;
		height: 500px !important;
		border-radius: 15px 15px 0px 0px !important;
	}
	.image-container-2010 {
		background: url(../../images/about/lufa2010.jpeg) no-repeat center;
		background-size: 100% !important;
		height: 500px !important;
		border-radius: 15px 15px 0px 0px;
	}
	.image-container-2011 {
		background: url(../../images/about/lufa2011.jpeg) no-repeat center;
		background-size: 100% !important;
		height: 500px !important;
		border-radius: 15px 15px 0px 0px;
	}
	.image-container-2013 {
		background: url(../../images/about/lufa2013.jpeg) no-repeat center;
		background-size: 100% !important;
		height: 500px !important;
		border-radius: 15px 15px 0px 0px;
	}
	.image-container-2016 {
		background: url(../../images/about/lufa2016.jpeg) no-repeat center;
		background-size: 100% !important;
		height: 500px !important;
		border-radius: 15px 15px 0px 0px;
	}
	.image-container-2017 {
		background: url(../../images/about/lufa2017.jpeg) no-repeat center;
		background-size: 100% !important;
		height: 500px !important;
		border-radius: 15px 15px 0px 0px;
	}
	.image-container-2019 {
		background: url(../../images/about/lufa2019.jpeg) no-repeat center;
		background-size: 145% !important;
		height: 500px !important;
		border-radius: 15px 15px 0px 0px;
	}
	.image-container-2020 {
		background: url(../../images/about/lufanew2020.jpeg) no-repeat center;
		background-size: 100% !important;
		height: 500px !important;
		border-radius: 15px 15px 0px 0px;
	}
	.image-container-2023 {
		background: url(../../images/about/lufa2023.jpg) no-repeat center;
		background-size: 100% !important;
		height: 500px !important;
		border-radius: 15px 15px 0px 0px;
	}
	.image-container-2024{
		background: url(../../images/about/Lufa2024.jpg) no-repeat center;
		background-size: 100% !important;
		height: 500px !important;
		border-radius: 15px 15px 0px 0px
	}
	.histoty-button {
		left: 45%;
		margin: auto;
		top: 478px;
	}
}
@media only screen and (min-width: 761px) and (max-width: 820px){
	.supplier-carousel-sub-title{width:550px !important;padding: 0px 0px 30px 0px !important;}
	.carousel-padding{width:550px !important;}
}
@media only screen and (min-width: 821px) and (max-width: 900px){
	.supplier-carousel-sub-title{width:550px !important;padding: 0px 0px 30px 0px !important;}
	.carousel-padding{width:550px !important;}
}
@media only screen and (min-width: 901px) and (max-width: 1100px){
	.supplier-carousel-sub-title{width:550px !important; padding: 0px 0px 30px 0px !important;}
	.carousel-padding{width:550px !important;}
}
.banner-text{
	justify-content: left !important;
}
.location-img{
	width: 26px !important;
	height: 35px !important;
	margin-left: 170px !important;
	margin-right: 6px;
}
.thin-text{
	font-size: 42px;
	line-height: 50px;
	font-family: "gibsonlight";
}
.about-section-title span{
	font-size: 42px;
	line-height: 50px;
	font-family: "gibsonregular";
	letter-spacing: 0px;
	color: #719500;
}
.about-section-title p{
	font-size: 42px;
	line-height: 50px;
	font-family: "gibsonlight";
	letter-spacing: 0px;
	color: #414042;
}
.about-section-title h1{
	font-size: 42px;
	line-height: 50px;
	font-family: "gibsonlight";
	letter-spacing: 0px;
	color: #414042;
}
.about-section-description.description span{
	/* UI Properties */
	font-size: 17px;
    line-height: 24px;
	font-family: 'gibsonlight' !important;
	letter-spacing: 0px !important;
	color: #636363;
}
.button-wrapper.about-button a{
	text-align: center;
	font: normal normal normal 17px/31px 'gibsonregular';
	letter-spacing: 0px;
	color: #FFFFFF;
	opacity: 1;
}
.about-section-description.description strong{
	/* UI Properties */
	font-size: 17px;
    line-height: 24px;
	font-family: 'gibsonregular' !important;
	letter-spacing: 0px !important;
	color: #636363;
}
.supplier-carousel{
	padding-bottom: 20px;
	position: relative;
	overflow: hidden;
	padding: 20px 0px;
	padding-top: 40px;
	background: #FFFFFF 0% 0% no-repeat padding-box;
}
.supplier-carousel-image-part {
	width: 1000px;
	height: 470px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.supplier-content{
	height: 338px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    width: 280px;
    left: 805px;
    position: relative;
    top: -395px;
	box-shadow: 0px 10px 20px #00000029;
	border-radius: 15px;
	opacity: 1;
}
.supplier-content-text{
	text-align: left;
	font: normal normal 300 17px/24px "gibsonlight";
	letter-spacing: 0px;
	color: #636363;
	opacity: 1;
	padding: 0px 30px 20px 30px;
}
.supplier-green-text{color: #719500;padding: 31.95px 0px 0px 30px;}
/* .sliders {display: none} */
img {vertical-align: middle;}

/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
  height: 470px;
  top: -60px;
}
.supplier-image{
	height:447px;
    width:100%;
    object-fit:cover;
}
.supplier-carousel-title{text-align: center;font: normal normal 300 17px/24px "gibsonlight";letter-spacing: 0px;color: #636363;opacity: 1;}
.read-more-button{padding: 0px 0px 0px 30px;}
.supplier-carousel-sub-title{text-align: center;letter-spacing: 0px;width: 995px; margin: 0 auto; padding: 0px 110px 30px 110px;}
.supplier-font-a{font: normal normal 300 42px/50px "gibsonlight";}
.supplier-font-b{font: normal normal 300 42px/50px "gibsonregular";}
.supplier-carousel .button-wrapper.about-button a{
	text-align: center;
	font: normal normal normal 17px/31px "gibsonregular";
	letter-spacing: 0px;
	color: #FFFFFF;
	opacity: 1;
	width: 200px;
}
.supplier-carousel-footer{position: relative;display: flex;justify-content: center;}
.carousel-padding{text-align: center;letter-spacing: 0px;width: 995px; margin: 0 auto; padding: 0px 110px 30px 110px;}
/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
  top: 50%;
  /* right: -25px; */
}
.fade {
  animation-name: fade;
  animation-duration: 1.5s;
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}
@media only screen and (max-width: 300px) {
  .prev, .next{font-size: 11px}
  .carousel-padding{padding: 60px 30px 20px 30px !important;}
}
.supplier-location-img{height: 30px;top: 55px;position: relative; left: 15px;}
.location-name{text-align: center;font: normal normal 300 15px/31px "gibson"; letter-spacing: 0px;color: #414042;opacity: 1;}
.supplier-location{position: relative; top: 55px;left: 10px; background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 3px 6px #AFAFAF29;border-radius: 4px;opacity: 1; width: 160px;}
.supplier-footer{padding-top: 20px;padding-bottom: 20px;}
@media only screen and (max-width: 410px){
	.supplier-content{height: 355px !important;}
	.carousel-padding {padding: 20px 30px 20px 30px; width: auto;position: relative;}
	.supplier-carousel-sub-title{padding: 0px 30px 20px 30px; font: normal normal normal 34px/41px "gibson"; width: auto;}
	.supplier-image{width: 100%; height: 240px !important; object-fit:cover !important;}
	.prev, .next {top: 37%;padding:0px;margin-top:0px;}
	.next {top: 37%;right: 0px;}
	.supplier-content{top: 0px; left:0px;}
	.slideshow-container {max-width: 1000px; position: relative; margin: auto; height: 360px;}
	.supplier-carousel-footer {display: flex; justify-content: center; left: 0px;}
	.supplier-content-section{display: flex; justify-content: center; position: relative; top: -45px;}
	.supplier-carousel {padding-bottom: 20px;position: relative;overflow: hidden;padding: 20px 0px;padding-top: 40px;height: 100%;}
	.supplier-footer{padding-top: 55%;}
	.supplier-carousel-title{font: normal normal 300 17px/24px "gibsonlight"}
	.supplier-font-a{font: normal normal 300 34px/41px "gibsonlight"}
	.supplier-font-b{font: normal normal normal 34px/41px "gibson";}
	.supplier-location-img{top:80px;}
	.supplier-location {top: 50px; left: 50px;}
}
@media only screen and (min-width: 411px) and (max-width: 500px){
	.supplier-carousel-sub-title{padding: 0px 30px 20px 30px; font: normal normal normal 34px/41px "gibson"; width: auto;}
	.supplier-image{width: 100%; height: 240px !important; object-fit:cover !important;}
	.prev, .next {top: 36%;padding:0px;margin-top:0px;}
	.next {top: 36%;right: 0px;}
	.supplier-content{top: 0px; left:0px;height: 350px !important;}
	.slideshow-container {max-width: 1000px; position: relative; margin: auto; height: 360px;}
	.supplier-carousel-footer {display: flex; justify-content: center; left: 0px;}
	.supplier-content-section{display: flex; justify-content: center; position: relative; top: -45px;}
	.carousel-padding {padding: 20px 30px 20px 30px; width: auto;position: relative;}
	.supplier-carousel {padding-bottom: 20px;position: relative;overflow: hidden;padding: 20px 0px;padding-top: 40px;height: 100%;}
	.supplier-footer{padding-top: 50%;}
	.supplier-carousel-title{font: normal normal 300 15px/18px "gibsonlight"}
	.supplier-font-a{font: normal normal 300 34px/41px "gibsonlight"}
	.supplier-font-b{font: normal normal normal 34px/41px "gibsonregular"};
	.supplier-location-img{top:80px;}
	.supplier-location {top: 50px; left: 50px;}
}
@media only screen and (min-width: 501px) and (max-width: 649px){
	.supplier-carousel-sub-title{padding: 0px 30px 20px 30px; font: normal normal normal 34px/41px "gibson"; width: auto;}
	.supplier-image{width: 100%; height: 270px !important; object-fit:cover !important;}
	.prev, .next {top: 36%;padding:0px;margin-top:0px;}
	.next {top: 36%;right: 0px;}
	.supplier-content{top: 0px; left:0px;}
	.slideshow-container {max-width: 1000px; position: relative; margin: auto; height: 360px;}
	.supplier-carousel-footer {display: flex; justify-content: center; left: 0px;}
	.supplier-content-section{display: flex; justify-content: center; position: relative; top: -45px;}
	.carousel-padding {padding: 20px 30px 20px 30px; width: auto;position: relative;}
	.supplier-carousel {padding-bottom: 20px;position: relative;overflow: hidden;padding: 20px 0px;padding-top: 40px;height: 100%;}
	.supplier-footer{padding-top: 40%;}
	.supplier-carousel-title{font: normal normal 300 15px/18px "gibsonlight"}
	.supplier-font-a{font: normal normal 300 34px/41px "gibsonlight"}
	.supplier-font-b{font: normal normal normal 34px/41px "gibsonregular"};
	.supplier-location-img{top:80px;}
	.supplier-location {top: 50px; left: 50px;}
	.supplier-content{width: 400px !important; height: 300px !important;}
}
@media only screen and (min-width: 650px)and (max-width: 768px){
	.supplier-carousel-sub-title{padding: 0px 30px 20px 30px; font: normal normal normal 34px/41px "gibson"; width: auto;}
	.supplier-image{width: 100%; height: auto;}
	.prev, .next {top: 35%;padding:0px;margin-top:0px;}
	.next {top: 35%;right: 0px;}
	.supplier-content{top: 0px; left:0px;width: 400px !important; height: 305px !important;}
	.slideshow-container {max-width: 1000px; position: relative; margin: auto; height: 360px;}
	.supplier-carousel-footer {display: flex; justify-content: center; left: 0px;}
	.supplier-content-section{display: flex; justify-content: center; position: relative; top: -45px;}
	.carousel-padding {padding: 20px 30px 20px 30px; width: auto;position: relative;}
	.supplier-carousel {padding-bottom: 20px;position: relative;overflow: hidden;padding: 20px 0px;padding-top: 40px;height: 100%;}
	.supplier-footer{padding-top: 62%;}
	.prev, .next,.text {font-size: 11px}
	.supplier-carousel-title{font: normal normal 300 15px/18px "gibsonlight"}
	.supplier-font-a{font: normal normal 300 34px/41px "gibsonlight"}
	.supplier-font-b{font: normal normal normal 34px/41px "gibsonregular"};
	.supplier-location-img{top:80px;}
	.supplier-location {top: 50px; left: 50px;}
}

@media only screen and (max-width: 999px){
	.supplier-location-img{top:80px;}
	.section-about .about-content {
		padding: 20px !important; 
		width: 100% !important;
	}
	.section13 {
		background: url(../../images/v2/about-us/about-image-4.jpg) no-repeat center;
		position: relative;
		padding-bottom: 23px;
	}
	.mobile-bg img{
		display: block !important;	
		width: 100%;
    	height: auto;
	}
	.section-about {
		background-image: none !important;
	}
	.section-wrapper .direct-giving-section{
		background-image: none !important;
	}
	.about-content .section-content{
		background-image: none !important;
	}

	.about-section-title p{
		font-size: 34px;
		line-height: 41px;
		font-family: "gibsonlight";
		letter-spacing: 0px;
		color: #414042;
	}
	.section-about .about-content {
		margin-top: -35px;
	}
	
	.community-mobile-bg img{
		height: 148px;
		width: 148px;
		display: inline;
	}
	.community-mobile-bg{
		text-align: center;
		margin-bottom: 70px;;
	}
	.basket-mobile-bg img{
		height: auto;
		width: 100%;
	}
	.about-section-title span{
		font-size: 34px;
		line-height: 41px;
		font-family: "gibsonregular";
		letter-spacing: 0px;
		color: #719500;
	}
	.greenhouses-mobile-bg img{
		height: auto;
		width: 100%;
	}
	.desktop-headings{
		display: none !important;
	}
	.about-header-mobile{
		/* UI Properties */
		text-align: left;
		font: normal normal 300 22px/32px "gibsonregular";
		letter-spacing: 0px;
		color: #719500;
	}
	.about-subheader-mobile{
		/* UI Properties */
		text-align: left;
		font: normal normal 300 22px/32px "gibsonlight";
		letter-spacing: 0px;
		color: #636363;
	}
	.desktop-banner{
		display: none !important;	
	}
	.banner-header-text {
		text-align: left;
		font-size: 34px !important;
		line-height: 41px !important;
		letter-spacing: 0px;
		color: #414042;
		opacity: 1;
	}
	.section9{
		padding: 0;
		height: auto;
	}
	.banner-header-text{
		margin: 0 !important;
		width: 86%;
		font-size: 46px;
		letter-spacing: 0px;
		color: #414042;
		opacity: 1;
	}
	.details-wrapper {
		max-width: 320px;
		margin: 0 auto;
		padding-top:20px;
		padding-left: 20px;
		padding-right: 20px;
		overflow: hidden;
	}
	.details-wrapper.main {
		max-width: 100%;
		background-color: #FFF;
	}
	.section-banner {
		height: 200px;
		background-position-y:0px;
		background: url(../../images/v2/about-us/VSL-March-2021.jpg) no-repeat;
		background-size: cover;
	}
	.about-banner {
		background: url(../../images/v2/ourfarms/ourfarm-ahuntsic.jpg) no-repeat center;
		background-size: cover;
		background-position-y: 80%;
	}
	.desktop-banner{
		display: none !important;
	}
	.section11 .direct-giving-section{
		height: 0 !important;
		position: absolute;
		margin-right: 0;
	}
	.big-subheader .about-header-green{
		text-align: left;
		font: normal normal 300 22px/32px "gibsonregular" !important;
		letter-spacing: 0px;
		color: #719500 !important;
		padding-left:0 !important;
		padding-right:0 !important;
	}
	.big-subheader .about-header-black{
		text-align: left;
		font: normal normal 300 22px/32px "gibsonlight" !important;
		letter-spacing: 0px;
		color: #636363;
	}
	.mobile-banner{
		padding: 30px 10px 30px 10px !important;
	}	
	.details-main.sub {margin-top: 30px;}
	.big-subheader{
		padding: 0px !important;
	}
	.thin-text{
		font-size: 34px;
		line-height: 41px;
		font-family: "gibsonlight";
	}
	.bold-text{
		font-size: 34px;
		line-height: 41px;
		font-family: "gibsonregular";
	}
	.banner-text{
		justify-content: left !important;
	}
	.mobile-banner .banner-text{position: fixed;}
	.location-img{
		width: 26px !important;
		height: 35px !important;
		margin-left: 10px !important;
	}
	.banner-sub-header-bg{
		background: #FFFFFF 0% 0% no-repeat padding-box;
		box-shadow: 0px 3px 6px #AFAFAF29;
		border-radius: 4px;
		opacity: 1;
		margin-left: 40px !important;
		width: max-content;
	}
	.banner-text span{
		background: #FFFFFF 0% 0% no-repeat padding-box;
		box-shadow: 0px 3px 6px #AFAFAF29;
		border-radius: 4px;
		letter-spacing: 0px;
		color: #414042;
		opacity: 1;
		width: fit-content;
		font-size: 15px;
		line-height: 31px;
		padding: 5px;
		font-family: "gibsonlight" !important;
	}
	.section9 .section-wrapper, .section11 .section-wrapper {margin: 0 auto !important; top: 0 !important; transform: translateY(0) !important;}
	.section10 .section-wrapper, .section13 .section-wrapper {margin: 0 auto !important;top: 0 !important; transform: translateY(0) !important;}
	.section11, .section10, .section13 {height: auto;}
}
.location-div-left span{
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 6px #AFAFAF29;
	border-radius: 4px;
	letter-spacing: 0px;
	color: #414042;
	opacity: 1;
	width: fit-content;
	font-size: 15px;
	line-height: 31px;
	padding: 5px;
	font-family: "gibsonlight" !important;
}
@media only screen and (max-width: 400px){
	.about-banner1 {background: url(../../images/v2/about-us/Header1-VSL.jpg) no-repeat center 0px;background-size: cover;background-attachment: fixed;height: 249px;background-size: 140%;}
	.about-banner2 {background: url(../../images/v2/about-us/Header2-Laval.jpg) no-repeat center 50px;background-size: cover;background-attachment: fixed;height: 249px;background-size: 195%;}
	.about-banner3 {background: url(../../images/v2/about-us/header-Anjou.jpg) no-repeat center 50px;background-size: cover;background-attachment: fixed;height: 249px;background-size: 170%;}
	.about-banner4 {background: url(../../images/v2/about-us/Header4-Ahunstic.jpg) no-repeat center -35px;background-size: cover;background-attachment: fixed;height: 249px;background-size: 140%;}
	.section-content {width: 100%;}
}
@media only screen and (min-width: 401px) and (max-width: 450px){
	.about-banner1 {background: url(../../images/v2/about-us/Header1-VSL.jpg) no-repeat center -30px;background-size: cover;background-attachment: fixed;height: 249px;background-size: 140%;}
	.about-banner2 {background: url(../../images/v2/about-us/Header2-Laval.jpg) no-repeat center 50px;background-size: cover;background-attachment: fixed;height: 249px;background-size: 180%;}
	.about-banner3 {background: url(../../images/v2/about-us/header-Anjou.jpg) no-repeat center 50px;background-size: cover;background-attachment: fixed;height: 249px;background-size: 155%;}
	.about-banner4 {background: url(../../images/v2/about-us/Header4-Ahunstic.jpg) no-repeat center -90px;background-size: cover;background-attachment: fixed;height: 249px;background-size: 140%;}
	.section-content {width: 100%;}
}
@media only screen and (min-width: 451px) and (max-width: 500px){
	.about-banner1 {background: url(../../images/v2/about-us/Header1-VSL.jpg) no-repeat center -70px;background-size: cover;background-attachment: fixed;height: 249px;background-size: 140%;}
	.about-banner2 {background: url(../../images/v2/about-us/Header2-Laval.jpg) no-repeat center 50px;background-size: cover;background-attachment: fixed;height: 249px;background-size: 150%;}
	.about-banner3 {background: url(../../images/v2/about-us/header-Anjou.jpg) no-repeat center 75px;background-size: cover;background-attachment: fixed;height: 249px;background-size: 140%;}
	.about-banner4 {background: url(../../images/v2/about-us/Header4-Ahunstic.jpg) no-repeat center -130px;background-size: cover;background-attachment: fixed;height: 249px;background-size: 140%;}
	.section-content {width: 100%;}
}
@media only screen and (min-width: 501px) and (max-width: 550px){
	.about-banner1 {background: url(../../images/v2/about-us/Header1-VSL.jpg) no-repeat center -100px;background-size: cover;background-attachment: fixed;height: 249px;background-size: 140%;}
	.about-banner2 {background: url(../../images/v2/about-us/Header2-Laval.jpg) no-repeat center 50px;background-size: cover;background-attachment: fixed;height: 249px;background-size: 135%;}
	.about-banner3 {background: url(../../images/v2/about-us/header-Anjou.jpg) no-repeat center 50px;background-size: cover;background-attachment: fixed;height: 249px;background-size: 125%;}
	.about-banner4 {background: url(../../images/v2/about-us/Header4-Ahunstic.jpg) no-repeat center -160px;background-size: cover;background-attachment: fixed;height: 249px;background-size: 140%;}
	.section-content {width: 100%;}
}
@media only screen and (min-width: 551px) and (max-width: 600px){
	.about-banner1 {background: url(../../images/v2/about-us/Header1-VSL.jpg) no-repeat center -145px;background-size: cover;background-attachment: fixed;height: 249px;background-size: 140%;}
	.about-banner2 {background: url(../../images/v2/about-us/Header2-Laval.jpg) no-repeat center 30px;background-size: cover;background-attachment: fixed;height: 249px;background-size: 135%;}
	.about-banner3 {background: url(../../images/v2/about-us/header-Anjou.jpg) no-repeat center 45px;background-size: cover;background-attachment: fixed;height: 249px;background-size: 140%;}
	.about-banner4 {background: url(../../images/v2/about-us/Header4-Ahunstic.jpg) no-repeat center -175px;background-size: cover;background-attachment: fixed;height: 249px;background-size: 140%;}
	.section-content {width: 100%;}
}
@media only screen and (min-width: 601px) and (max-width: 650px){
	.about-banner1 {background: url(../../images/v2/about-us/Header1-VSL.jpg) no-repeat center -185px;background-size: cover;background-attachment: fixed;height: 249px;background-size: 140%;}
	.about-banner2 {background: url(../../images/v2/about-us/Header2-Laval.jpg) no-repeat center 10px;background-size: cover;background-attachment: fixed;height: 249px;background-size: 130%;}
	.about-banner3 {background: url(../../images/v2/about-us/header-Anjou.jpg) no-repeat center 35px;background-size: cover;background-attachment: fixed;height: 249px;background-size: 140%;}
	.about-banner4 {background: url(../../images/v2/about-us/Header4-Ahunstic.jpg) no-repeat center -210px;background-size: cover;background-attachment: fixed;height: 249px;background-size: 140%;}
	.section-content {width: 100%;}
}
@media only screen and (min-width: 651px) and (max-width: 700px){
	.about-banner1 {background: url(../../images/v2/about-us/Header1-VSL.jpg) no-repeat center -225px;background-size: cover;background-attachment: fixed;height: 249px;background-size: 140%;}
	.about-banner2 {background: url(../../images/v2/about-us/Header2-Laval.jpg) no-repeat center -5px;background-size: cover;background-attachment: fixed;height: 249px;background-size: 130%;}
	.about-banner3 {background: url(../../images/v2/about-us/header-Anjou.jpg) no-repeat center 20px;background-size: cover;background-attachment: fixed;height: 249px;background-size: 140%;}
	.about-banner4 {background: url(../../images/v2/about-us/Header4-Ahunstic.jpg) no-repeat center -240px;background-size: cover;background-attachment: fixed;height: 249px;background-size: 140%;}
	.section-content {width: 100%;}
}
@media only screen and (min-width: 701px) and (max-width: 768px){
	.about-banner1 {background: url(../../images/v2/about-us/Header1-VSL.jpg) no-repeat center -260px;background-size: cover;background-attachment: fixed;height: 249px;background-size: 140%;}
	.about-banner2 {background: url(../../images/v2/about-us/Header2-Laval.jpg) no-repeat center -55px;background-size: cover;background-attachment: fixed;height: 249px;background-size: 140%;}
	.about-banner3 {background: url(../../images/v2/about-us/header-Anjou.jpg) no-repeat center 10px;background-size: cover;background-attachment: fixed;height: 249px;background-size: 140%;}
	.about-banner4 {background: url(../../images/v2/about-us/Header4-Ahunstic.jpg) no-repeat center -260px;background-size: cover;background-attachment: fixed;height: 249px;background-size: 140%;}
	.section-content {width: 100%;}
}
@media only screen and (min-width: 769px) and (max-width: 800px){
	.about-banner1 {background: url(../../images/v2/about-us/Header1-VSL.jpg) no-repeat center -275px;background-size: cover;background-attachment: fixed;height: 249px;background-size: 140%;}
	.about-banner2 {background: url(../../images/v2/about-us/Header2-Laval.jpg) no-repeat center -85px;background-size: cover;background-attachment: fixed;height: 249px;background-size: 140%;}
	.about-banner3 {background: url(../../images/v2/about-us/header-Anjou.jpg) no-repeat center -15px;background-size: cover;background-attachment: fixed;height: 249px;background-size: 140%;}
	.about-banner4 {background: url(../../images/v2/about-us/Header4-Ahunstic.jpg) no-repeat center -325px;background-size: cover;background-attachment: fixed;height: 249px;background-size: 140%;}
	.section-content {width: 100%;}
}
@media only screen and (min-width: 801px) and (max-width: 850px){
	.about-banner1 {background: url(../../images/v2/about-us/Header1-VSL.jpg) no-repeat center -310px;background-size: cover;background-attachment: fixed;height: 249px;background-size: 140%;}
	.about-banner2 {background: url(../../images/v2/about-us/Header2-Laval.jpg) no-repeat center -100px;background-size: cover;background-attachment: fixed;height: 249px;background-size: 140%;}
	.about-banner3 {background: url(../../images/v2/about-us/header-Anjou.jpg) no-repeat center -90px;background-size: cover;background-attachment: fixed;height: 249px;background-size: 140%;}
	.about-banner4 {background: url(../../images/v2/about-us/Header4-Ahunstic.jpg) no-repeat center -330px;background-size: cover;background-attachment: fixed;height: 249px;background-size: 140%;}
	.section-content {width: 100%;}
}
@media only screen and (min-width: 851px) and (max-width: 900px){
	.about-banner1 {background: url(../../images/v2/about-us/Header1-VSL.jpg) no-repeat center -340px;background-size: cover;background-attachment: fixed;height: 249px;background-size: 140%;}
	.about-banner2 {background: url(../../images/v2/about-us/Header2-Laval.jpg) no-repeat center -130px;background-size: cover;background-attachment: fixed;height: 249px;background-size: 140%;}
	.about-banner3 {background: url(../../images/v2/about-us/header-Anjou.jpg) no-repeat center -105px;background-size: cover;background-attachment: fixed;height: 249px;background-size: 140%;}
	.about-banner4 {background: url(../../images/v2/about-us/Header4-Ahunstic.jpg) no-repeat center -350px;background-size: cover;background-attachment: fixed;height: 249px;background-size: 140%;}
	.section-content {width: 100%;}
}
@media only screen and (min-width: 901px) and (max-width: 950px){
	.about-banner1 {background: url(../../images/v2/about-us/Header1-VSL.jpg) no-repeat center -340px;background-size: cover;background-attachment: fixed;height: 249px;background-size: 140%;}
	.about-banner2 {background: url(../../images/v2/about-us/Header2-Laval.jpg) no-repeat center -175px;background-size: cover;background-attachment: fixed;height: 249px;background-size: 140%;}
	.about-banner3 {background: url(../../images/v2/about-us/header-Anjou.jpg) no-repeat center -105px;background-size: cover;background-attachment: fixed;height: 249px;background-size: 140%;}
	.about-banner4 {background: url(../../images/v2/about-us/Header4-Ahunstic.jpg) no-repeat center -385px;background-size: cover;background-attachment: fixed;height: 249px;background-size: 140%;}
	.section-content {width: 100%;}
}
@media only screen and (min-width: 951px) and (max-width: 999px){
	.about-banner1 {background: url(../../images/v2/about-us/Header1-VSL.jpg) no-repeat center -365px;background-size: cover;background-attachment: fixed;height: 249px;background-size: 140%;}
	.about-banner2 {background: url(../../images/v2/about-us/Header2-Laval.jpg) no-repeat center -175px;background-size: cover;background-attachment: fixed;height: 249px;background-size: 140%;}
	.about-banner3 {background: url(../../images/v2/about-us/header-Anjou.jpg) no-repeat center -105px;background-size: cover;background-attachment: fixed;height: 249px;background-size: 140%;}
	.about-banner4 {background: url(../../images/v2/about-us/Header4-Ahunstic.jpg) no-repeat center -410px;background-size: cover;background-attachment: fixed;height: 249px;background-size: 140%;}
	.section-content {width: 100%;}
}
@media only screen and (min-width: 769px) and (max-width: 900px){
	/* .mobile-bg img{
		display: none !important;	
	}
	.community-mobile-bg img{
		display: none !important;	
	}
	.basket-mobile-bg img{
		display: none !important;	
	}
	.greenhouses-mobile-bg img{
		display: none !important;
	}	
	.mobile-banner{
		display: none !important;
	}
	.about-banner1 {
		background: url(../../images/v2/about-us/Header1-VSL.jpg) no-repeat center -200px;
		background-size: cover;
		background-attachment: fixed;
		background-size: 140%;
	}
	.about-banner2 {
		background: url(../../images/v2/about-us/Header2-Laval.jpg) no-repeat center 45px;
		background-size: cover;
		background-attachment: fixed;
		background-size: 140%;
	}
	.about-banner3 {
		background: url(../../images/v2/about-us/header-Anjou.jpg) no-repeat center 10px;
		background-size: cover;
		background-attachment: fixed;
		background-size: 140%;
	}
	.about-banner4 {
		background: url(../../images/v2/about-us/Header4-Ahunstic.jpg) no-repeat center -240px;
		background-size: cover;
		background-attachment: fixed;
		background-size: 140%;
	}
	.banner-header-text{margin-left:0;}
	.location-div-left .location-img{margin-left:0 !important;} */
}
@media only screen and (min-width: 1000px) and (max-width: 1100px){
	.banner-header-text{margin-left:0;}
	.location-div-left .location-img{margin-left:0 !important;}
	.about-banner1 {background: url(../../images/v2/about-us/Header1-VSL.jpg) no-repeat center -265px;background-size: cover;background-attachment: fixed;background-size: 140%;}
	.about-banner2 {background: url(../../images/v2/about-us/Header2-Laval.jpg) no-repeat center -45px;background-size: cover;background-attachment: fixed;background-size: 140%;}
	.about-banner3 {background: url(../../images/v2/about-us/header-Anjou.jpg) no-repeat center 10px;background-size: cover;background-attachment: fixed;background-size: 140%;}
	.about-banner4 {background: url(../../images/v2/about-us/Header4-Ahunstic.jpg) no-repeat center -240px;background-size: cover;background-attachment: fixed;background-size: 140%;}
}
@media only screen and (min-width: 1101px) and (max-width: 1200px){
	.about-banner1 {background: url(../../images/v2/about-us/Header1-VSL.jpg) no-repeat center -136px;background-size: cover;background-attachment: fixed;background-size: 100%;}
	.about-banner2 {background: url(../../images/v2/about-us/Header2-Laval.jpg) no-repeat center 75px;background-size: cover;background-attachment: fixed;background-size: 100%;}
	.about-banner3 {background: url(../../images/v2/about-us/header-Anjou.jpg) no-repeat center 60px;background-size: cover;background-attachment: fixed;background-size: 100%;}
	.about-banner4 {background: url(../../images/v2/about-us/Header4-Ahunstic.jpg) no-repeat center -210px;background-size: cover;background-attachment: fixed;background-size: 100%;}
}
@media only screen and (min-width: 1201px) and (max-width: 1300px){
	.about-banner1 {background: url(../../images/v2/about-us/Header1-VSL.jpg) no-repeat center -160px;background-size: cover;background-attachment: fixed;background-size: 100%;}
	.about-banner2 {background: url(../../images/v2/about-us/Header2-Laval.jpg) no-repeat center -100px;background-size: cover;background-attachment: fixed;background-size: 130%;}
	.about-banner3 {background: url(../../images/v2/about-us/header-Anjou.jpg) no-repeat center 25px;background-size: cover;background-attachment: fixed;background-size: 100%;}
	.about-banner4 {background: url(../../images/v2/about-us/Header4-Ahunstic.jpg) no-repeat center -245px;background-size: cover;background-attachment: fixed;background-size: 100%;}
}
@media only screen and (min-width: 1301px) and (max-width: 1400px){
	.about-banner1 {background: url(../../images/v2/about-us/Header1-VSL.jpg) no-repeat center -210px;background-size: cover;background-attachment: fixed;background-size: 100%;}
	.about-banner2 {background: url(../../images/v2/about-us/Header2-Laval.jpg) no-repeat center -125px;background-size: cover;background-attachment: fixed;background-size: 130%;}
	.about-banner3 {background: url(../../images/v2/about-us/header-Anjou.jpg) no-repeat center 25px;background-size: cover;background-attachment: fixed;background-size: 100%;}
	.about-banner4 {background: url(../../images/v2/about-us/Header4-Ahunstic.jpg) no-repeat center -270px;background-size: cover;background-attachment: fixed;background-size: 100%;}
}
@media only screen and (min-width: 1401px) and (max-width: 1500px){
	.about-banner1 {background: url(../../images/v2/about-us/Header1-VSL.jpg) no-repeat center -255px;background-size: cover;background-attachment: fixed;background-size: 100%;}
	.about-banner2 {background: url(../../images/v2/about-us/Header2-Laval.jpg) no-repeat center -100px;background-size: cover;background-attachment: fixed;background-size: 130%;}
	.about-banner3 {background: url(../../images/v2/about-us/header-Anjou.jpg) no-repeat center 0px;background-size: cover;background-attachment: fixed;background-size: 100%;}
	.about-banner4 {background: url(../../images/v2/about-us/Header4-Ahunstic.jpg) no-repeat center -320px;background-size: cover;background-attachment: fixed;background-size: 100%;}
}
@media only screen and (min-width: 1501px) and (max-width: 1600px){
	.about-banner1 {background: url(../../images/v2/about-us/Header1-VSL.jpg) no-repeat center -300px;background-size: cover;background-attachment: fixed;background-size: 100%;}
	.about-banner2 {background: url(../../images/v2/about-us/Header2-Laval.jpg) no-repeat center -230px;background-size: cover;background-attachment: fixed;background-size: 130%;}
	.about-banner3 {background: url(../../images/v2/about-us/header-Anjou.jpg) no-repeat center -50px;background-size: cover;background-attachment: fixed;background-size: 100%;}
	.about-banner4 {background: url(../../images/v2/about-us/Header4-Ahunstic.jpg) no-repeat center -380px;background-size: cover;background-attachment: fixed;background-size: 100%;}
}
@media only screen and (min-width: 1601px) and (max-width: 1900px){
	.about-banner1 {background: url(../../images/v2/about-us/Header1-VSL.jpg) no-repeat center -300px;background-size: cover;background-attachment: fixed;background-size: 100%;}
	.about-banner2 {background: url(../../images/v2/about-us/Header2-Laval.jpg) no-repeat center -230px;background-size: cover;background-attachment: fixed;background-size: 130%;}
	.about-banner3 {background: url(../../images/v2/about-us/header-Anjou.jpg) no-repeat center -50px;background-size: cover;background-attachment: fixed;background-size: 100%;}
	.about-banner4 {background: url(../../images/v2/about-us/Header4-Ahunstic.jpg) no-repeat center -380px;background-size: cover;background-attachment: fixed;background-size: 100%;}
}
@media only screen and (min-width: 1901px) and (max-width: 2160px){
	.about-banner1 {background: url(../../images/v2/about-us/Header1-VSL.jpg) no-repeat center -395px;background-size: cover;background-attachment: fixed;background-size: 100%;}
	.about-banner2 {background: url(../../images/v2/about-us/Header2-Laval.jpg) no-repeat center -320px;background-size: cover;background-attachment: fixed;background-size: 130%;}
	.about-banner3 {background: url(../../images/v2/about-us/header-Anjou.jpg) no-repeat center -50px;background-size: cover;background-attachment: fixed;background-size: 100%;}
	.about-banner4 {background: url(../../images/v2/about-us/Header4-Ahunstic.jpg) no-repeat center -500px;background-size: cover;background-attachment: fixed;background-size: 100%;}
}
@media only screen and (min-width: 2161px) and (max-width: 2560px){
	.about-banner1 {background: url(../../images/v2/about-us/Header1-VSL.jpg) no-repeat center -460px;background-size: cover;background-attachment: fixed;background-size: 100%;}
	.about-banner2 {background: url(../../images/v2/about-us/Header2-Laval.jpg) no-repeat center -400px;background-size: cover;background-attachment: fixed;background-size: 130%;}
	.about-banner3 {background: url(../../images/v2/about-us/header-Anjou.jpg) no-repeat center -50px;background-size: cover;background-attachment: fixed;background-size: 100%;}
	.about-banner4 {background: url(../../images/v2/about-us/Header4-Ahunstic.jpg) no-repeat center -610px;background-size: cover;background-attachment: fixed;background-size: 100%;}
}
@media only screen and (min-width: 2561px){
	.about-banner1 {background: url(../../images/v2/about-us/Header1-VSL.jpg) no-repeat center -572px;background-size: cover;background-attachment: fixed;background-size: 100%;}
	.about-banner2 {background: url(../../images/v2/about-us/Header2-Laval.jpg) no-repeat center -510px;background-size: cover;background-attachment: fixed;background-size: 130%;}
	.about-banner3 {background: url(../../images/v2/about-us/header-Anjou.jpg) no-repeat center -50px;background-size: cover;background-attachment: fixed;background-size: 100%;}
	.about-banner4 {background: url(../../images/v2/about-us/Header4-Ahunstic.jpg) no-repeat center -470px;background-size: cover;background-attachment: fixed;background-size: 100%;}
}
@media only screen and (min-width: 1000px){
	.mobile-bg img{
		display: none !important;	
	}
	.community-mobile-bg img{
		display: none !important;	
	}
	.basket-mobile-bg img{
		display: none !important;	
	}
	.greenhouses-mobile-bg img{
		display: none !important;
	}	
	.mobile-banner{
		display: none !important;
	}	
}
.blog-post{
	text-align: center;
	position: relative;
	overflow: hidden;
	padding: 20px 0px;
	padding-top: 40px;
	background: #F4F1ED 0% 0% no-repeat padding-box;
	opacity: 1;
}
.blog-post-story-section{width: auto;height: 666px;position: relative;margin-left: 170px; margin-right: 170px;}
.blog-post-img{background: url(../../images/v2/blog/Blog1.jpg) no-repeat center ; background-size: cover; height: 75%;border-radius: 15px 15px 0px 0px;}
.blog-post-story{width: 100%; margin-right: 170px; height: 20%;background: #FFFFFF 0% 0% no-repeat padding-box;box-shadow: 0px 3px 6px #afafaf29;border-radius: 0px 0px 15px 15px;opacity: 1;}
.blog-post-story-section .headings{
	text-align: center;
	font: normal normal normal 22px/26px "gibsonregular";
	letter-spacing: 0px;
	color: #414042;
	opacity: 1;
	padding-top: 45px;
}
.blog-post-story-section .sub-headings{
	text-align: center;
	font: normal normal 300 17px/20px "gibsonlight";
	letter-spacing: 0px;
	color: #636363;
	opacity: 1;
}
.latest-story-section{
	box-shadow: 0px 10px 20px #00000029;
	border-radius: 4px;
	opacity: 1;
	width: 120px;
	height: 49px;
	margin: auto;
}
.latest-story-section span{
	font: normal normal normal 17px/20px "gibsonregular";
	letter-spacing: 0px;
	color: #719500;
	opacity: 1;
	padding: 15px 18px 17px 20px;
}
@media only screen and (min-width: 769px)and (max-width: 849px){
	.supplier-image {height: 447px;width: 550px;position: relative;left: 10%;}
	.supplier-content{left: 54%;}
	.supplier-location-img{left: 12%;z-index: 99;}
	.supplier-location{left: 12%; z-index: 99;}
}
@media only screen and (min-width: 850px)and (max-width: 889px){
	.supplier-image {height: 447px;width: 600px;position: relative;left: 10%;}
	.supplier-content{left: 58%;}
	.supplier-location-img{left: 12%;z-index: 99;}
	.supplier-location{left: 12%; z-index: 99;}
}
@media only screen and (min-width: 890px)and (max-width: 989px){
	.supplier-image {height: 447px;width: 680px;position: relative;left: 10%;}
	.supplier-content{left: 61%;}
	.supplier-location-img{left: 12%;z-index: 99;}
	.supplier-location{left: 12%; z-index: 99;}
}
.latest-story-button{
	top: 71%;
    left: 45%;
    width: 120px;
    height: 49px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 10px 20px #00000029;
    border-radius: 4px;
    opacity: 1;
    position: absolute;
}
.story-button-class{
	text-align: center;
    font: normal normal normal 17px/20px "gibsonregular";
    letter-spacing: 0px;
    color: #719500;
    opacity: 1;
    padding-top: 15px;
}
.desktop-banner .banner-text{position: fixed;}
.quick-links .quicklink-button-text{
	line-height: 37px;
}
/* .section-about.section9 .about-content, .section-about.section11 .about-content {margin-left:170px !important;} */
@media only screen  and (max-width: 499px){
	.blog-post-story-section {width: 100%; left: 0px; height: 460px; margin-left: 0px;margin-right: 0px;}
	.blog-post-story {width: 95%;height: 45%; margin-left: 10px; margin-right: 10px;}
	.blog-post-img {height: 50%;margin-left: 10px;margin-right: 10px;}
	.latest-story-button {top: 46%;left: 35%;}
	.blog-post-story-section .sub-headings {margin: 0 20px 0 20px;}
	.blog-post-story-section .sub-headings span{font: normal normal 300 17px/24px "gibsonlight";}
	.blog-post-story-section .headings{font: normal normal normal 22px/32px "gibsonregular"; margin: 0 20px 0 20px;}
	/* .section-about.section9 .about-content, .section-about.section11 .about-content {margin-left:0 !important;} */
}
@media only screen and (max-width: 500px){
	.blog-post-story-section {width: 100%; left: 0px; height: 460px; margin-left: 0px;margin-right: 0px;}
	.blog-post-story {width: 95%;height: 45%; margin-left: 10px; margin-right: 10px;}
	.blog-post-img {height: 50%;margin-left: 10px;margin-right: 10px;}
	.latest-story-button {top: 46%;left: 35%;}
	.blog-post-story-section .sub-headings {margin: 0 20px 0 20px;}
	.blog-post-story-section .sub-headings span{font: normal normal 300 17px/24px "gibsonlight";}
	.blog-post-story-section .headings{font: normal normal normal 22px/32px "gibsonregular"; margin: 0 20px 0 20px;}
	/* .section-about.section9 .about-content, .section-about.section11 .about-content {margin-left:0 !important;} */
}
@media only screen and (min-width: 501px) and (max-width: 760px){
	.blog-post-story-section {width: 100%; left: 0px; height: 410px; margin-left: 0px;margin-right: 0px;}
	.blog-post-story {width: 100%;height: 45%;}
	.blog-post-img {height: 50%;}
	.latest-story-button {top: 46%;left: 40%;}
	.blog-post-story-section .sub-headings {padding: 10px 0px 0px 0px;}
	.blog-post-story-section .sub-headings span{font: normal normal 300 17px/24px "gibsonlight";}
	.blog-post-story-section .headings{font: normal normal normal 20px/30px "gibson";}
	/* .section-about.section9 .about-content, .section-about.section11 .about-content {margin-left:0 !important;}		 */
}
@media only screen and (min-width: 761px) and (max-width: 900px){
	.blog-post-story-section {width: 86%;position: relative;left: 10%; margin-left: 0px;margin-right: 0px;}
	.blog-post-story-section .sub-headings {padding: 10px 0px 0px 0px;}
	.blog-post-story-section .sub-headings span{font: normal normal 300 17px/24px "gibsonlight";}
	.blog-post-story {width: 100%;height: 23%;}
	.latest-story-button {left: 42%;}
	/* .section-about.section9 .about-content, .section-about.section11 .about-content {margin-left:0 !important;} */
}
@media only screen and (min-width: 901px) and (max-width: 1100px){
	.blog-post-story-section {width: 86%;position: relative;left: 10%; margin-left: 0px;margin-right: 0px;}
	.blog-post-story-section .sub-headings {padding: 10px 0px 0px 0px;}
	.blog-post-story-section .sub-headings span{font: normal normal 300 17px/24px "gibsonlight";}
	.blog-post-story {width: 100%;}
	.latest-story-button {left: 42%;}
	/* .section-about.section9 .about-content, .section-about.section11 .about-content {margin-left:0 !important;} */
}
@media only screen and (min-width: 990px)and (max-width: 1100px){
	.supplier-image {height: 447px;width: 725px;position: relative;left: 10%;}
	.supplier-content{left: 62%;}
	.supplier-location-img{left: 12%;z-index: 99;}
	.supplier-location{left: 12%; z-index: 99;}
	.blog-post-story-section .sub-headings {padding: 10px 0px 0px 0px;}
	.blog-post-story-section .sub-headings span{font: normal normal 300 17px/24px "gibsonlight";}
}
@media only screen and (min-width: 1101px)and (max-width: 1249px){
	.supplier-image {height: 447px;width: 800px;position: relative;left: 10%;}
	.supplier-content{left: 70%;}
	.supplier-location-img{left: 12%;z-index: 99;}
	.supplier-location{left: 12%; z-index: 99;}
	.blog-post-story-section .sub-headings {padding: 10px 0px 0px 0px;}
	.blog-post-story-section .sub-headings span{font: normal normal 300 17px/24px "gibsonlight";}
}
@media only screen and (min-width: 1250px)and (max-width: 1400px){
	.supplier-image {height: 447px;width: 850px;position: relative;left: 10%;}
	.supplier-content{left: 75%;}
	.supplier-location-img{left: 12%;z-index: 99;}
	.supplier-location{left: 12%; z-index: 99;}
	.blog-post-story-section .sub-headings {padding: 10px 0px 0px 0px;}
	.blog-post-story-section .sub-headings span{font: normal normal 300 17px/24px "gibsonlight";}
}
@media only screen and (min-width: 901px)and (max-width: 1132px){
	.quick-links .quicklink-button-text {
		line-height: 35px;
	}
}
@media only screen and (min-width: 1132px){
	.blog-post-story-section .sub-headings {padding: 10px 0px 0px 0px;}
	.blog-post-story-section .sub-headings span{font: normal normal 300 17px/24px "gibsonlight";}
}
@media only screen and (min-width: 300px) and (max-width: 410px) {
	.carousel-padding{padding: 20px 30px 20px 30px !important;}
  }

.quick-links-section-wrapper h4{
	margin-bottom: 30px;
}

.location-header-div{
	margin-top: 15px;
}
.section9 .section-wrapper, .section11 .section-wrapper {
	max-width: 1140px;
	margin-left: 170px;
	padding: 0px 10px;
	box-sizing: border-box;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}
.section10 .section-wrapper, .section13 .section-wrapper {
	max-width: 1140px;
	margin-right: 170px;
	padding: 0px 10px;
	box-sizing: border-box;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}
.v2-wrapper{position: relative; z-index: 1111;}
.history-banner .section-wrapper{padding: 69px 10px;}
.image-container-2009{
	background: url(../../images/about/lufa2009.jpeg) no-repeat center;
	background-size: cover;
	height: 283px;
    border-radius: 15px 15px 0px 0px
}
.image-container-2010{
	background: url(../../images/about/lufa2010.jpeg) no-repeat center;
	background-size: cover;
	height: 283px;
    border-radius: 15px 15px 0px 0px
}
.image-container-2011{
	background: url(../../images/about/lufa2011.jpeg) no-repeat center;
	background-size: cover;
	height: 283px;
    border-radius: 15px 15px 0px 0px
}
.image-container-2013{
	background: url(../../images/about/lufa2013.jpeg) no-repeat center;
	background-size: cover;
	height: 283px;
    border-radius: 15px 15px 0px 0px
}
.image-container-2016{
	background: url(../../images/about/lufa2016.jpeg) no-repeat center;
	background-size: cover;
	height: 283px;
    border-radius: 15px 15px 0px 0px
}
.image-container-2017{
	background: url(../../images/about/lufa2017.jpeg) no-repeat center;
	background-size: cover;
	height: 283px;
    border-radius: 15px 15px 0px 0px
}
.image-container-2019{
	background: url(../../images/about/lufa2019.jpeg) no-repeat center;
	background-size: cover;
	height: 283px;
    border-radius: 15px 15px 0px 0px
}
.image-container-2020{
	background: url(../../images/about/lufanew2020.jpeg) no-repeat center;
	background-size: cover;
	height: 283px;
    border-radius: 15px 15px 0px 0px
}
.image-container-2023{
	background: url(../../images/about/lufa2023.jpg) no-repeat center;
	background-size: cover;
	height: 283px;
    border-radius: 15px 15px 0px 0px
}
.image-container-2024{
	background: url(../../images/about/Lufa2024.jpg) no-repeat center;
	background-size: cover;
	height: 283px;
    border-radius: 15px 15px 0px 0px
}
@media only screen and (min-width: 901px) and (max-width: 1000px){
	.image-part-2009{width: 100%; height: auto;}
}
@media only screen and (min-width: 361px)and (max-width: 375px){
	.history-founder-section-content{margin: auto;width: 100%;left: 0;box-shadow: 0px 3px 6px #6565654b;background: #FFFFFF 0% 0% no-repeat padding-box; z-index:11111;top:-130px}
	.h-font-light-grey-17 {
		padding: 0px 0px;
	}
	.about-what-next {
		background: #FFF url(/images/hr/Greenhouse_illustrations_careerspage.svg) no-repeat 90px 235px;
		background-size: 220%;
	}
	.image-container-2009 {
		background: url(../../images/about/lufa2009.jpeg) no-repeat center;
		background-size: cover;
		height: 250px;
		border-radius: 15px 15px 0px 0px;}
		.lufa-9 .histoty-button {
			top: 227px;}
}
@media only screen and (min-width: 376px)and (max-width: 390px){
	.history-founder-section-content{margin: auto;width: 100%;left: 0;box-shadow: 0px 3px 6px #6565654b;background: #FFFFFF 0% 0% no-repeat padding-box; z-index:11111;top:-120px}
	.h-font-light-grey-17 {
		padding: 0px 0px;
	}
	.about-what-next {
		background: #FFF url(/images/hr/Greenhouse_illustrations_careerspage.svg) no-repeat 75px 216px;
		background-size: 240%;
	}
	.image-container-2009 {
		background: url(../../images/about/lufa2009.jpeg) no-repeat center;
		background-size: cover;
		height: 250px;
		border-radius: 15px 15px 0px 0px;}
		.lufa-9 .histoty-button {
			top: 227px;}
}
@media only screen and (min-width: 391px)and (max-width: 398px){
	.history-founder-section-content {
		margin: auto;
		width: 100%;
		left: 0;
		box-shadow: 0px 3px 6px #6565654b;
		background: #FFFFFF 0% 0% no-repeat padding-box;
		z-index: 11111;
		top: -118px;
	}
	.image-container-2009 {
		background: url(../../images/about/lufa2009.jpeg) no-repeat center;
		background-size: cover;
		height: 266px;
		border-radius: 15px 15px 0px 0px;
	}
	.lufa-9 .histoty-button {
		top: 242px;}
	.h-history-banner {
		background: url(../../images/about/history-lufa-header.jpg) no-repeat bottom;
		background-size: cover;
		height: 240px;
		/* background-attachment: fixed; */
		background-size: 100%;
	}
	.about-what-next {
		background: #FFF url(/images/hr/Greenhouse_illustrations_careerspage.svg) no-repeat 75px 213px;
		background-size: 238%;
	}
	.h-font-light-grey-17 {
		padding: 0px 10px;
	}
}
@media only screen and (min-width: 399px)and (max-width: 412px){
	.history-founder-section-content{margin: auto;width: 100%;left: 0;box-shadow: 0px 3px 6px #6565654b;background: #FFFFFF 0% 0% no-repeat padding-box; z-index:11111;top:-105px}
	.h-font-light-grey-17 {
		padding: 0px 26px;
	}
	.about-what-next {
		background: #FFF url(/images/hr/Greenhouse_illustrations_careerspage.svg) no-repeat 90px 213px;
		background-size: 225%;
	}
}
@media only screen and (min-width: 413px)and (max-width: 499px){
	.history-founder-section-content{margin: auto;width: 100%;left: 0;box-shadow: 0px 3px 6px #6565654b;background: #FFFFFF 0% 0% no-repeat padding-box; z-index:11111;top:-105px}
	.h-font-light-grey-17 {
		padding: 0px 20px;
	}
	.about-what-next {
		background: #FFF url(/images/hr/Greenhouse_illustrations_careerspage.svg) no-repeat 90px 213px;
		background-size: 225%;
	}
}
/* @media only screen and (min-width: 761px)and (max-width: 820px){
	.image-container-2009 {
		background: url(../../images/about/lufa2009.jpeg) no-repeat center;
		background-size: 105%;
		height: 175px;
		border-radius: 15px 15px 0px 0px;
	}
	.histoty-button {
		top: 154px;
	}
	.image-container-2010 {
		background: url(../../images/about/lufa2010.jpeg) no-repeat center;
		background-size: 115%;
		height: 175px;
		border-radius: 15px 15px 0px 0px;
	}
	.image-container-2011 {
		background: url(../../images/about/lufa2011.jpeg) no-repeat center;
		background-size: 100%;
		height: 175px;
		border-radius: 15px 15px 0px 0px;
	}
	.image-container-2013 {
		background: url(../../images/about/lufa2013.jpeg) no-repeat center;
		background-size: 100%;
		height: 175px;
		border-radius: 15px 15px 0px 0px;
	}
	.image-container-2016 {
		background: url(../../images/about/lufa2016.jpeg) no-repeat center;
		background-size: 100%;
		height: 175px;
		border-radius: 15px 15px 0px 0px;
	}
	.image-container-2017 {
		background: url(../../images/about/lufa2017.jpeg) no-repeat center;
		background-size: 100%;
		height: 175px;
		border-radius: 15px 15px 0px 0px;
	}
	.image-container-2019 {
		background: url(../../images/about/lufa2019.jpeg) no-repeat center;
		background-size: 150%;
		height: 175px;
		border-radius: 15px 15px 0px 0px;
	}
	.image-container-2020 {
		background: url(../../images/about/lufanew2020.jpeg) no-repeat center;
		background-size: 100%;
		height: 175px;
		border-radius: 15px 15px 0px 0px;
	}
	.image-container-2023 {
		background: url(../../images/about/lufa2023.jpg) no-repeat center;
		background-size: 100%;
		height: 175px;
		border-radius: 15px 15px 0px 0px;
	}
} */
@media only screen and (min-width: 1001px) and (max-width: 1150px){
	.history-founder-section-content {
		width: 330px;
		left: 650px;
	}
	.brief-history-section-2009 {width: 35%;}
	.left-column {left: 80px;}
	.right-column {left: 55%;}
	.about-us-what-next{width: 100%; margin: auto; left: 0; margin: 60px 0px;} 
	.histoty-button{left: 31%;}
	.about-what-next {background: #FFF url(/images/hr/Greenhouse_illustrations_careerspage.svg) no-repeat 32px 116px;background-size: 94%;}
	.brief-history-title{left: 8%;}
	.h-font-light-grey-17 {padding: 0px 245px 0px 230px;}
	.supplier-carousel-sub-title{width:550px !important; padding: 0px 0px 30px 0px !important;}
	.carousel-padding{width:550px !important;}
	.image-container-2009 {
		background: url(../../images/about/lufa2009.jpeg) no-repeat center;
		background-size: 105%;
		height: 175px;
		border-radius: 15px 15px 0px 0px;
	}
	.histoty-button {
		top: 154px;
	}
	.image-container-2010 {
		background: url(../../images/about/lufa2010.jpeg) no-repeat center;
		background-size: 100%;
		height: 175px;
		border-radius: 15px 15px 0px 0px;
	}
	.image-container-2011 {
		background: url(../../images/about/lufa2011.jpeg) no-repeat center;
		background-size: 100%;
		height: 175px;
		border-radius: 15px 15px 0px 0px;
	}
	.image-container-2013 {
		background: url(../../images/about/lufa2013.jpeg) no-repeat center;
		background-size: 100%;
		height: 175px;
		border-radius: 15px 15px 0px 0px;
	}
	.image-container-2016 {
		background: url(../../images/about/lufa2016.jpeg) no-repeat center;
		background-size: 100%;
		height: 175px;
		border-radius: 15px 15px 0px 0px;
	}
	.image-container-2017 {
		background: url(../../images/about/lufa2017.jpeg) no-repeat center;
		background-size: 100%;
		height: 175px;
		border-radius: 15px 15px 0px 0px;
	}
	.image-container-2019 {
		background: url(../../images/about/lufa2019.jpeg) no-repeat center;
		background-size: 150%;
		height: 175px;
		border-radius: 15px 15px 0px 0px;
	}
	.image-container-2020 {
		background: url(../../images/about/lufanew2020.jpeg) no-repeat center;
		background-size: 100%;
		height: 175px;
		border-radius: 15px 15px 0px 0px;
	}
	.image-container-2023 {
		background: url(../../images/about/lufa2023.jpg) no-repeat center;
		background-size: 100%;
		height: 175px;
		border-radius: 15px 15px 0px 0px;
	}
	.image-container-2024{
		background: url(../../images/about/Lufa2024.jpg) no-repeat center;
		background-size: 100%;
		height: 15px;
		border-radius: 15px 15px 0px 0px
	}
}
@media only screen and (min-width: 1151px) and (max-width: 1450px){
	.history-founder-section-content {
		position: relative;
		background: #fff;
		padding: 30px 20px 20px 30px;
		width: 380px;
		z-index: 2;
		border-radius: 15px;
		left: 745px;
	}
}

#mobile-signup-button {
	display: none;
	position: sticky; 
	bottom: 0px;
	width: 100%; 
	overflow: unset;
}

@media only screen and (max-width: 1000px) {
	#mobile-signup-button {
		display: block;
	}
}