/* Wraps
-------------------------------------------------- */

.wrap {
	width: 100%;
	position: relative;
	padding: 75px 0 50px;
	background-color: #fff;
}
	.wrap.bgWhite + .wrap.bgWhite {
		padding-top: 0
	}
.wrap.header {
	position: fixed;
	top: 0;
	padding: 20px 0;
	z-index: 501;
	background: #fff;
	transition: background 1s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	box-sizing: border-box;
	display: flex;
}
	.noHeader .wrap.header {
	}
	.wrap.header.shadow,
	.noHeader .wrap.header.shadow {
		background: rgba(255,255,255,1);
		border-bottom: 1px solid rgba(0,0,0,0.1)
	}

.breadcrumb {
	background: #c1e4e2;
	border: 10px solid #fff;
	border-right: 40px solid #fff;
	border-left: 40px solid #fff;
	padding: 3px 10px 5px;
	z-index: 2;
}
.wrap.mapHolder {
	padding-bottom: 0;
}
.wrap.noPad {
	padding: 0;
}
.wrap.contact {
	padding: 40px 0;
}
.wrap.footer {
	padding: 40px 0 !important;
	background: #1b1b1b /*url(../images/bg-footer.png)*/;
	/*background-size: 312px 272px;*/
	z-index: 1;
}
#luxy {
	position: relative;
	z-index: 2;
	/*pointer-events: none;*/
}
#luxy * {
	/*pointer-events: all;*/
}
.mainImg {
	height: 33vh;
	min-height: 320px;
	background: #eee;
	background-size: cover !important;
	background-position: center !important;
	box-sizing: border-box;
	position: relative;
}
	/*.home .mainImg {
		height: 85vh;
	}*/
	.mainImg .overlay {
		background: rgba(0,0,0,0.4);
		background: linear-gradient(180deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.25) 50%, rgba(0, 0, 0, 0.5) 100%);
		width: 100%;
		max-width: 1920px;
		height: 100%;
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		top: 0;
		z-index: 3;
	}
	.mainImg .vBg {
		width: 100%;
		max-width: 1920px;
		height: 100%;
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		top: 0;
		z-index: 2;
	}
.mainImg button#nextMain,
.mainImg button#prevMain {
	width: 30px;
	height: 48px;
	padding: 0;
	border: none;
	background: url("../images/icons/arrow-left-thin.svg") 0 0 no-repeat;
	background-size: 30px 48px;
	filter: brightness(0) invert(1);
	position: absolute;
    bottom: 0;
	cursor: pointer;
	transition: filter 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
}
	.mainImg button#nextMain {
		right: 0;
		transform: rotate(180deg)
	}
		.mainImg button#nextMain:hover,
		.mainImg button#prevMain:hover {
			filter: invert(68%) sepia(18%) saturate(594%) hue-rotate(91deg) brightness(88%) contrast(84%);
		}
.mainImg .container {
	z-index: 3;
	height: 100%;
}
.mainImg .columns {
	position: absolute;
    bottom: 0;
	box-sizing: border-box
}
.mainImg :not(.button) {
	color: #fff;
}
.mainImg h1,
.mainImg p {
	transition: opacity 1s cubic-bezier(0.190, 1.000, 0.220, 1.000), transform 2s cubic-bezier(0.190, 1.000, 0.220, 1.000);
}
.mainImg h1 {
	margin-bottom: 10px;

}
.mainImg p {
	font-size: 1.2em;
	margin-bottom: 0;
}
.mainImg a {
	text-decoration: underline;
	border: none;
}
.mainImg a:hover {
	text-decoration: none;
}
.bgGrey {
	background: #676c72;
}
.bgBlue {
	background: #688eb4;
}
.bgPopulo {
	background: #73a788;
}
	.bgGrey *,
	.bgBlue *,
	.bgPopulo * {
		color: #fff !important;
	}
	.bgBlue .accordion h2 button {
		background: #3d6083;
	}
	.bgPopulo .accordion h2 button {
		background: #fff;
		color: #676c72 !important;
	}
		.bgPopulo .accordion h2 button:after {
			filter: brightness(0.3) saturate(0);
		}
	.invert a p.icon::after,	
	.invert p.icon a::after,
	.invert p.icon.left a::before {
		filter: brightness(5);
	}
	.invert p.icon a:hover {
		color: #fff !important;
	}
.bgPopulo .button,
.bgPopulo input[type="reset"],
.bgPopulo input[type="submit"],
.bgPopulo input[type="button"],
.bgPopulo .ms-options-wrap button {
	background: #676c72;
	border: 1px solid #676c72;
	color: #fff !important;
}
	.bgGrey .button,
	.bgGrey input[type="reset"],
	.bgGrey input[type="submit"],
	.bgGrey input[type="button"],
	.bgGrey .ms-options-wrap button {
		background: #373c42;
		border: 1px solid #373c42;
		color: #fff;
	}
	.bgPopulo .button:hover,
	.bgPopulo input[type="reset"]:hover,
	.bgPopulo input[type="submit"]:hover,
	.bgPopulo input[type="button"]:hover,
	.bgPopulo .ms-options-wrap button:hover {
		background: #676c72;
		border: 1px solid #676c72;
		color: #fff;
	}

.bgBlue .button,
.bgBlue input[type="reset"],
.bgBlue input[type="submit"],
.bgBlue input[type="button"],
.bgBlue .ms-options-wrap button {
	background: #3d6083;
	border: 1px solid #3d6083;
	color: #fff;
}

.bgBlue .button:hover,
.bgBlue input[type="reset"]:hover,
.bgBlue input[type="submit"]:hover,
.bgBlue input[type="button"]:hover,
.bgBlue .ms-options-wrap button:hover {
	background: #688eb4 !important;
	border: 1px solid #fff !important;
	color: #fff !important;
}
	.contact input[type="text"],
	.contact input[type="password"],
	.contact input[type="email"],
	.contact input[type="number"],
	.contact textarea,
	.contact select {
		border: none !important;
	}
.bgGrey .flexitem figure,
.bgGrey .flexitem.feature a,
.bgPopulo .flexitem figure,
.bgPopulo .flexitem.feature a,
.bgBlue .flexitem figure,
.bgBlue .flexitem.feature a {
	background: #fff;
}
.bgWhite {
	background: #fff;
}
#instagram {
	position: relative;
    z-index: 10;
}


/* Header
-------------------------------------------------- */

#logo {
	flex: 0 0 18%;
	padding-left: 3%;
	position: relative;
	z-index: 2;
}
#logo a {
	display: block;
	height: 70px;
	float: left;
    border-bottom: none;
	transition: height 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
}
#logo .logo {
	display: block;
    float: left;
	width: auto;
	height: 100%;
}
/*.header.shadow #logo a {
	height: 54px;
}*/
.header.menuShowing #logo .a,
.header.menuShowing #logo .b {
	fill: #fff;
}

#menu {
	flex: 2.5 1 auto;
	align-self: flex-end;
	margin-right: 40px;
	height: 44px;
	position: relative;
	z-index: 3;
}
.header.menuShowing #menu {
	flex: 0 0 50px;
	margin-right: 57px;
}
@media (any-hover: hover) and (any-pointer: coarse) {
	#menu,
	.header.menuShowing #menu {
		margin-right: 40px;
	}
}
#menuOverlay {
	height: 100%;
	width: 100%;
	position:fixed;
	left: -9999px;
	top: 0;
	background:rgba(0,0,0,0.9);
	z-index:1;
	opacity: 0;
	transition: opacity 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	pointer-events: none;
	overflow-y: scroll;
}
#menuOverlay.showing {
	opacity: 1;
	left: 0;
	pointer-events: visible;
}

#searchBar {
	width: 100%;
	padding: 40px 0;
	position: absolute;
	left: 0;
	top: 0;
	background: #73a788;
	z-index: 2;
}
#searchBar .columns * {
	margin: 0;
}
#searchBar input {
	display: inline-block;
	border: 1px solid #fff;
	background: #73a788;
	vertical-align: top;
}
#searchBar input[type="text"] {
	width: calc(100% - 50px);
	color: #fff !important;
}
#searchBar input[type="submit"] {
	width: 45px;
	height: 45px;
	background: url(../images/icons/i-search.svg) center no-repeat;
	background-size: 20px 20px;
	cursor: pointer;
}
#searchBar input[type="submit"]:hover {
	background: #f2b044 url(../images/icons/i-search.svg) center no-repeat;
	background-size: 20px 20px;
}

li a.search::before {
	content: '';
	display: block;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-size: 20px 20px !important;
	transition: all 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	background: #73a788 url(../images/icons/i-search.svg) center no-repeat;
	z-index: 200;
}

li a.search.search-opened::before,
li a.search.search-opened:hover::before {
	background: #f2b044 url(../images/icons/cross.svg) center no-repeat;
}

/* social buttons footer */

.social, .social li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.social {
	margin-top: 20px;
}
.social li {
	display: inline-block;
	margin-bottom: 10px;
	margin-right: 8px;
}
	.social li a {
		border-bottom: none
	}
.social li a::before {
	content: '';
	display: block;
	width: 36px;
	height: 36px;
	background-size: 20px 20px !important;
	transition: all 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
}
	.social li a.fb::before {
		background: #3b5998 url(../images/icons/i-facebook.svg) center no-repeat;
	}
	.social li a.in::before {
		background: #333 url(../images/icons/i-instagram-compressed.svg) center no-repeat;
	}
	.social li a.li::before {
		background: #0072b1 url(../images/icons/i-linkedin.svg) center no-repeat;
	}
	.social li a.search::before {
		background: #73a788 url(../images/icons/i-search.svg) center no-repeat;
	}
	.social li a.search.search-opened::before,
	.social li a.search.search-opened:hover::before {
		background: #f2b044 url(../images/icons/cross.svg) center no-repeat;
	}
	.social li a.tw::before {
		background: #1da1f2 url(../images/icons/i-twitter.svg) center no-repeat;
	}
	.social li a:hover::before {
		background-color: #f2b044;
	}

/* burger */

.hamburger {
	position: absolute;
	right: 3%;
	top: 40px;
	height: 28px;
	padding: 0;
	display: none;
	cursor: pointer;
	transition-property: opacity, filter;
	transition-duration: 0.15s;
	transition-timing-function: linear;
	font: inherit;
	color: inherit;
	text-transform: none;
	background-color: transparent;
	border: 0;
	margin: 0;
	overflow: visible;
	opacity: 1;
}
.hamburger:active {
	/*outline: none;*/
}
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
	background-color: #676c72;
}
.hamburger-box {
	width: 40px;
	height: 24px;
	display: inline-block;
	position: relative;
}

.hamburger-inner {
	display: block;
	top: 50%;
	margin-top: -2px;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
	width: 40px;
	height: 4px;
	background-color: #676c72;
	border-radius: 4px;
	position: absolute;
	transition-property: transform;
	transition-duration: 0.15s;
	transition-timing-function: ease;
}
.hamburger-inner::before, .hamburger-inner::after {
	content: "";
	display: block;
}
.hamburger-inner::before {
	top: -10px;
}
.hamburger-inner::after {
	bottom: -10px;
}

.hamburger--spin .hamburger-inner {
	transition-duration: 0.22s;
	transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin .hamburger-inner::before {
	transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
.hamburger--spin .hamburger-inner::after {
	transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin.is-active .hamburger-inner {
	transform: rotate(225deg);
	transition-delay: 0.12s;
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	background-color: #fff;
}
.hamburger--spin.is-active .hamburger-inner::before {
	top: 0;
	opacity: 0;
	transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
	.hamburger--spin.is-active .hamburger-inner::after {
		background-color: #fff;
		bottom: 0;
		transform: rotate(-90deg);
		transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
	}


/* Breadcrumb
-------------------------------------------------- */
	
.breadcrumb ul, .breadcrumb li {
	list-style: none;
	padding: 0;
	margin: 0;
}
.breadcrumb li span {
	margin-right: 5px;
	margin-left: 7px;
}
.breadcrumb li {
	font-weight: 400;
	font-size: 0.8em;
	line-height: 1.3;
	display: inline;
	margin: 0;
	color: #676c72;
}
	.breadcrumb li a {
		color: #676c72;
		font-weight: 600;
		border-bottom: none;
	}
	.breadcrumb li a:hover {
		color: #272c32;
	}


/* Map
-------------------------------------------------- */

#gMap {
	max-width: 100%;
	height: 550px;
	background: #676c72;
}
#gMap.projectsInternal {
	max-width: 100%;
	height: auto;
	padding-bottom: 60%;
	background: #eee;
}

.scrollFix {
	width: 300px;
	padding: 0 0 10px 5px;
}
.scrollFix p {
	margin-bottom: 10px;
	font-size: 1.1em;
}
    .scrollFix a {
        outline: none;
    }

.mainImg #gMap {
	margin-bottom: 0;
	height: 100%;
}

.mainImg #gMap * {
	color: #676c72;
}
		
		
/* Content
-------------------------------------------------- */

.sideBtns {
	position: fixed;
	top: 50%;
	right: 0;
	transform: rotate(-90deg) translateX(55%);
	transform-origin: right bottom;
	display: flex;
	justify-content: space-between;
	z-index: 500;

}

a.sideBtn {
	position: relative;
	display: block;
	font-family: din-2014-narrow, sans-serif;
	font-size: 1.25em;
	font-weight: 600;
	line-height: 1;
	text-align: center;
	text-transform: uppercase;
	background: #a63d4a;
	color: #fff;
	text-decoration: none;
	padding: 7px 10px 6px;
	width: auto;
	transition: transform 0s, background 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	box-sizing: border-box;
	margin: 0 5px;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
}
a.sideBtn.bgPopulo {
	background: #698fb4;
}
	a.sideBtn:hover,
	a.sideBtn.bgPopulo:hover {
		background: #1b1b1b;
	}

.intro {
	text-align: center;
}
.intro h4 {
	margin-bottom: 20px;
}

.boxed h3 {
	font-family: 'Playfair Display', serif;
	text-transform: none;
	text-align: center;
	font-size: 2em;
	color: #fff;
	background: #73a788;
	padding: 3px 5px 6px;
	margin-top: 30px;
}
.boxed h3:first-child {
	margin-top: 0;
}
.boxed p,
.boxed li {
	font-size: 0.9em;
}

#mainContent {
	padding-right: 40px;
	box-sizing: border-box;
}

.right{
	text-align: right;
}

/* sub navigation */

#sideBar {
	margin-top: 20px
}

ul.subNav, ul.subNav li {
	margin: 0;
	padding: 0;
	list-style: none;
    background: none;
}
ul.subNav {
	margin: 24px 0 44px;
}
ul.subNav li a {
	display: block;
	padding: 11px 35px 11px 5px;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	transition: color 0.6s cubic-bezier(0.190, 1.000, 0.220, 1.000), background 0.6s cubic-bezier(0.190, 1.000, 0.220, 1.000), padding 0.6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
}
ul.subNav li a:after {
	display: block;
	content: "";
	float: right;
	background: url('../images/icons/arrow-right.svg');
	background-size: 8px 14px;
	width: 8px;
	height: 14px;
	margin-right: -16px;
	margin-top: 6px;
	transition: all 0.6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	filter: brightness(0);
}
	ul.subNav li a:not(.selected):hover::after {
		transform: translateX(5px);
		filter: invert(1) sepia(1) hue-rotate(180deg) brightness(0.3);
		filter: brightness(1);
	}
ul.subNav li a:hover {
	color: #333;
	background: #ececec;
	padding-left: 10px;
	padding-right: 30px;
}
	ul.subNav li a.selected, ul.subNav li a.selected:hover {
		color: #73a788;
		background: #f8f8f8;
	}
ul.subNav li a.selected::after {
	filter: brightness(1);
}

	/* sub sub */
	ul.subNav li ul {
		margin: 0;
	}

	ul.subNav li li a {
		text-transform: none;
		color: #615d59;
		background: #f5f4f4;
		display: block;
		padding: 11px 0 11px 15px;
		border-bottom: 1px solid #ccc;
	}
		ul.subNav li li a:after {
			display: none;
		}
		ul.subNav li li a:hover {
			color: #676c72;
			border-bottom: 1px solid #ccc;
			padding: 11px 0 11px 20px;
		}
	ul.subNav li li a.selected, ul.subNav li li a.selected:hover {
		background: rgba(255,118,119,0.1);
		color: #615d59;
		padding-left: 20px;
	}
	
/* video embed */

.embedVideo {
	position: relative;
	padding-bottom: 56.25%; /* 16/9 ratio */
	padding-top: 0; /* IE6 workaround*/
	height: 0;
	overflow: hidden;
	/*max-width: 100%;*/
	height: auto;
	margin-bottom: 2rem;
}

.richText .embedVideo {
	max-width: calc(50% - 30px);
	float: right;
	margin: 0 0 25px 30px;
}

.embedVideo iframe,
.embedVideo object,
.embedVideo embed,
.embedVideo video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

	
/* feature */

.flexrow {
	display: flex;
	flex-wrap: wrap;
	margin: 40px 10px;
	justify-content: center;
}
.block.section .flexrow {
	margin: 0 0 2rem;
}
.columns .flexrow {
	margin-left: 0;
	margin-right: 0;
}
.flexitem {
	display: flex;
	flex: 0 1 50%;
	transition: transform 1s cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 1s cubic-bezier(0.190, 1.000, 0.220, 1.000), background 1s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	position: relative;
	box-sizing: border-box;
}
.flexitem .text {
	padding: 1.5em 20% 1.5em 12.5%;
	display: flex;
	flex-direction: column;
	flex: 1;
	align-self: center;
}
	.flexitem .date {
		padding: 0;
		border: none;
		margin-bottom: 0.8em;
		filter: grayscale(1) brightness(0.8)
	}
	.flexitem p.icon {
		margin-bottom: 0;
	}

.flexitem figure {
	background: #f2b044;
	position: relative;
}
	.flexitem figure .boxOver {
		position: absolute;
		top: 0;
		right: 0;
		width: 100px;
		background: rgba(242,176,68,0.8);
		color: #fff;
		font-family: din-2014-narrow, sans-serif;
		font-size: 1.625em;
		font-weight: 600;
		text-align: center;
		text-transform: uppercase;
		line-height: 1.1;
		padding: 10px 10px 8px;
		z-index: 2;
		box-sizing: border-box;
	}
	.flexitem figure .boxOver.media {
		width: auto;
	}
.flexitem img {
	z-index: 1;
	margin-bottom: 0;
	transition: filter 1s cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 1s cubic-bezier(0.190, 1.000, 0.220, 1.000)
}
	.flexitem:hover img {
		opacity: 0.5;
		filter: saturate(0)
	}
.flexitem.image {
	align-items: stretch;
	background-size: cover !important;
}
	.flexitem.image a {
		display: block;
		background: #f2b044;
		opacity: 0;
		width: 100%;
		padding-bottom: 56.25%;
		position: relative;
		z-index: 2;
	}
	.flexitem.image a:hover {
		opacity: 0.5;
	}

/* split box */
.flexrow.reverse {
	flex-direction: row-reverse;
}

/* Special sub page split box */
.subPage .flexitem .text {
	padding: 1.5em 12.5%;
}
.subPage .flexitem .text h2 {
	font-size: 2.2em;
}
.subPage .flexitem .text p {
	font-size: 0.85em;
}
.subPage .flexitem {
	flex: 0 1 52.5%;
}
.subPage .flexitem.image {
	flex: 0 1 47.5%;
}

/* team */
.flexrow.team {
	display: flex;
	flex-wrap: nowrap;
	gap: 30px;
	margin-top: 0;
	justify-content: flex-start;
	padding-top: 30px;
	padding-bottom: 10px;
	border-top: 1px solid #ddd;
}
	.flexrow.team figure {
		max-width: 120px;
	}
	.flexrow.team .biog {
		flex: 1;
	}

/* feature */
.flexrow.featureholder {
	gap: 2em;
	justify-content: flex-start;
}
.flexitem.feature {
	flex: 0 0 calc(33.333% - 1.34em);
	box-sizing: border-box;
	flex-direction: column;
}
.flexitem.feature a {
	display: flex;
	flex: 1;
	flex-direction: column;
    border: none;
	align-items: stretch;
	align-self: stretch;
	background: #f2b044;
}
	.flexitem.feature .text * {
		color: #4a4a55 !important
	}
.flexitem.feature .text {
	padding: 30px ;
	align-self: flex-start;
}
.flexitem.feature .text p.icon {
	margin-top: auto;
}
	.flexitem.feature .text p.icon::after {
		filter: saturate(0) brightness(0.5);
	}

/* news */
.flexrow.newsholder {
	gap: 2em;
	margin: 0 0 30px;
	justify-content: space-between;
}
	.flexrow.newsNav {
		gap: 30px;
		margin-top: 0;
		justify-content: space-between;
	}
.flexitem.story {
	flex: 0 1 calc(50% - 1em);
	box-sizing: border-box;
	flex-direction: column;
}
.flexitem.story a {
	display: flex;
	flex: 1;
	flex-direction: column;
    border: none;
	align-items: stretch;
	align-self: stretch;
	background: #73A788;
}
.flexitem.story a:hover {
	background: #f2b044;
}
.flexitem.story .text * {
	color: #fff !important
}
.flexitem.story .text {
	padding: 30px ;
	align-self: flex-start;
}
.flexitem.story h4 {
	font-size: 1.1em;
	line-height: 1.4;
	margin-bottom: 1em;
}
.flexitem.story .text p.icon {
	margin-top: auto;
}
.flexrow.newsNav a {
	color: #73a788;
	border: none;
	text-transform: none;
}
.flexrow.newsNav a:hover {
	color: #676c72;
	text-transform: none;
}

/* grid */

.gridHolder {
	width: 100%;
	margin: 2em 0 2.2em;
	display: grid;
	grid-template-columns: repeat(12, minmax(0,1fr));
	gap: 2em;
	align-items: flex-start;
	justify-content: space-around;
	justify-items: center;
}
.contact .gridHolder {
	gap: 0;
	margin: 1em 0 2.2em;
}
.gridHolder.fineGap {
	gap: 1px;
	margin: 0 0 2.2em;
}
.gridHolder.reverse .gridItem:nth-child(1) { order: 2; }
.gridHolder.reverse .gridItem:nth-child(2) { order: 1; }
.gridHolder .gridHolder {
	margin: 0;
	gap: 0 20px;
}
.gridHolder.start {
	justify-items: flex-start;
}
.gridHolder.end {
	justify-items: flex-end;
}
.gridItem {
	position: relative;
	grid-column: auto / span 4;
	display: grid;
	align-content: center;
	width: 100%;
	transition: transform 1s cubic-bezier(0.190, 1.000, 0.220, 1.000);
}
.gridItem.full,
.gridItem.twelve {
	grid-column: auto / span 12;
}
.gridItem.nine {
	grid-column: auto / span 9;
}
.gridItem.eight {
	grid-column: auto / span 8;
}
.gridItem.six {
	grid-column: auto / span 6;
}
.gridItem.four {
	grid-column: auto / span 4;
}
.gridItem.three {
	grid-column: auto / span 3;
}
.gridItem.two {
	grid-column: auto / span 2;
}
.galleryGrid figure,
.gridHolder figure {
	width: 100%;
	background: #f2b044;
	position: relative;
}
.galleryGrid img,
.gridItem img {
	transition: all 1s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	margin-bottom: 0;
	display: block;
	width: 100%;
	height: auto;
}
.gridHolder figure:hover img {
	opacity: 0.3;
}
.galleryGrid:not(.process) figure:hover img,
.gridHolder:not(.process) .gridItem a:hover img {
	opacity: 0.3;
}
.gridItem a {
	position: relative;
	border: none;
	perspective: 1000px;
	perspective-origin: 20% 50%
}
.gridItem .text {
	padding: 1.45em 1.9em 1.55em;
}
.gridItem .text * {
	transition: color 1s cubic-bezier(0.190, 1.000, 0.220, 1.000);
}
.gridItem .text *:last-child {
	margin-bottom: 0;
}
.gridItem p.date {
	margin-bottom: 10px;
}
.gridItem p.boxed {
	align-self: self-start;
}
.gridItem p.icon {
	align-self: end !important;
}
.gridHolder .overlay {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	background: linear-gradient(180deg, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.5) 52%, rgba(0,0,0,0.2) 100%);
	transition: opacity 1s cubic-bezier(0.190, 1.000, 0.220, 1.000);
}
.gridHolder .overlay.dark {
	background: rgba(0,0,0,0.5);
}
.gridHolder .overlay.light {
	background: linear-gradient(180deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.3) 30%, rgba(0,0,0,0) 100%);
}
	.gridHolder a:hover .overlay {
		opacity: 0;
	}

/* gallery */

.galleryGrid  {
	display: grid;
    grid-template-columns: repeat(12,minmax(0,1fr));
    gap: 1px;
	/*column-count: 4;
	grid-gap: 1px;*/
	margin: 0 0 2.2em;
}
	.galleryGrid.plan  {
		column-count: 1;
		grid-gap: 0;
		margin: 30px 0;
	}
.galleryGrid figure {
	margin: 0;
	display: grid;
	grid-template-rows: 1fr auto;
	break-inside: avoid;
	/*border-bottom: 1px solid #fff;*/

}
.galleryGrid figure > img {
	grid-row: 1 / -1;
	grid-column: 1;
}
.galleryGrid a::before {
	content: '';
	position: absolute;
	z-index: 3;
	width: 32px;
	height: 32px;
	right: 32px;
	bottom: 32px;
	background: url("../images/icons/expand.svg") no-repeat;
	background-size: cover;
	opacity: 1;
}

/* overlay grid */

.gridHolder.hasOverlay .text {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	text-align: left;
	box-sizing: border-box;
}
.gridHolder.hasOverlay .text * {
	color: #fff !important;
}
.gridHolder.hasOverlay .text h4 {
	margin-bottom: 0;
}
.gridHolder.hasOverlay .text p {
	text-transform: uppercase;
}
.gridHolder.hasOverlay .text p.icon {
	margin-top: auto;
}
.gridHolder.hasOverlay .subtext {
	padding: 20px 20px 0;
}
.gridHolder.hasOverlay .subtext li,
.gridHolder.hasOverlay .subtext p {
	font-size: 0.85em;
}

/* people grid */

.gridHolder.people .overlay.light {
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0) 100%)
}
.gridHolder.people .subtext {
	display: flex;
	flex-direction: column;
}
.gridHolder.people.hasOverlay .text{
	flex-direction: row;
	flex-wrap: wrap;
	align-content: flex-end;
}
.gridHolder.hasOverlay .text h4 {
	width: 100%;
	font-size: 1.5em
}
.gridHolder.hasOverlay .text p {
	font-size: 0.875em
}

/* forms */
.accordion form.gridHolder {
	grid-gap: 0 20px;
	margin: 0.5em 0 1em;
}
#filters #docGroup div:not(#plans) div.gridHolder .gridItem,	
.accordion form.gridHolder .gridItem {
		align-content: flex-start;
		justify-content: flex-start;
		padding: 0 1em 0 1.5em;
		box-sizing: border-box;
	}
	form.gridHolder .gridItem * {
		margin-bottom: 0;
	}

.formGrid {
	display: grid;
	grid-template-columns: auto auto;
	grid-gap: 20px;
	margin-bottom: 20px;
}
	.formGrid .full-width {
		grid-column: 1 / span 2;
	}

/* logo grid */

.gridLogos {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 2rem;
	list-style: none;
	margin: 1.5rem 0;
	padding: 0;
}
.gridLogos > li {
	display: flex;
	flex: 0 0 calc(6% - 0.5rem);
	background: #676c72;
	margin: 0;
	box-sizing: border-box;
	border-radius: 50%;
	transition: background 1s cubic-bezier(0.190, 1.000, 0.220, 1.000);
}
.gridLogos > li > a {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	border-bottom: none;
}
.gridLogos > li::before {
	content: "";
	padding-bottom: 100%;
	display: block;
}
.gridLogos > li::before,
.gridLogos > li > a >img {
	grid-area: 1 / 1 / 2 / 2;
}
.gridLogos > li > a > img {
	width: 32px;
	height: 32px;
	filter: grayscale(1);
	object-fit: contain;
	transition: filter 0.6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
}
.gridLogos > li:hover {
	background: #73a788;
}
.gridLogos > li:hover > img {
	filter: grayscale(0);
}

/* filters */

#filters nav {
	margin-top: 30px;
}
	
/* call out box */

.callOut {
	padding: 25px 25px 10px 25px;
	margin-bottom: 20px !important;
	border: 1px solid rgba(0,0,0,0.1);
	border-radius: 4px;
	box-sizing: border-box;
}

	.callOut p, .callOut li {
		font-size: 0.9em;
	}
	.callOut ul, .callOut ol {
		margin-left: 16px;
	}

/* fullscreen overlay */

.fullOverlay {
	width: 100%;
	position: fixed;
	z-index: 2000;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0, 0.9);
	overflow-x: hidden;
	overflow-y: scroll;
}
.fullOverlay .closebtn {
	position: absolute;
	top: 10px;
	right: 25px;
	font-size: 60px;
	line-height: 60px;
	color: #fff;
}
.fullOverlay .closebtn:hover {
	color: #73a788;
}
.fullOverlay .content {
	width: 80%;
	min-height: calc(100% - 90px);
	margin: 60px auto 30px;
	display: flex;
	justify-content: space-around;
	align-items: center;
}
.fullOverlay .content div:first-child {
	flex: 0 0 25%;
}
.fullOverlay .content div:last-child {
	flex: 0 0 60%;
}
.fullOverlay h4,
.fullOverlay p {
	color: #fff;
}
.fullOverlay p.lead {
	color: #73a788;
}

/* stats counter */

.counter-holder {
	max-width: 100%;
	margin-bottom: 2rem;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 0;
	text-align: center;
}

.counter-item {
	padding: 0 1.5rem;
	border-right: 1px solid #ccc;
}

	.counter-item:last-child {
		border-right: none;
	}

/* Icons */
.counter-icon img {
	width: 4rem;
	height: 4rem;
	margin-bottom: 0.5rem;
}

.counter-number {
	font-size: clamp(4.5rem, 2.629vw + 3.24rem, 6rem);
	line-height: clamp(4.5rem, 2.629vw + 3.24rem, 6rem);
	font-weight: 700;
	color: #73a788;
	margin-bottom: 5px;
}

.counter-label {
	font-size: 1.125rem;
	font-weight: 600;
	text-transform: uppercase;
	color: #676c72;
}

		
/* Footer
-------------------------------------------------- */

.footer ul, #footer li {
	list-style: none;
	margin: 0 0 20px;
	padding: 0;
}
.footer * {
	color: #fff;
}
.footer li {
	margin: 0 0 5px;
}
.footer a {
	padding: 0;
	border-color: transparent;
}
.footer a:hover {
	color: #73a788;
}

.footer input[type="text"],
.footer input[type="password"],
.footer input[type="email"],
.footer input[type="number"],
.footer textarea,
.footer select {
	border-color: #fff;
}

/* social buttons footer */

#social, #social li {
	list-style: none;
	margin: 0;
	padding: 0;
}
#social li {
	margin-bottom: 10px;
}
#social li a::before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	margin-top: -4px;
	margin-right: 1.5em;
	width: 20px;
	height: 20px;
	background-size: 20px 20px !important;
}
	#social li a.fb::before {
		background: url(../images/icons/i-facebook.svg)
	}
	#social li a.in::before {
		background: url(../images/icons/i-instagram-compressed.svg)
	}
	#social li a.li::before {
		background: url(../images/icons/i-linkedin.svg)
	}
	#social li a.tw::before {
		background: url(../images/icons/i-twitter.svg)
	}

/* #Media Queries
================================================== */
@media only screen and (max-width: 1600px) {
	body {
		font-size: 18px;
	}
	#searchBar input[type="submit"] {
		width: 42px;
		height: 42px;
	}
}

@media only screen and (min-width: 1280px) and (max-width: 1600px) {
	.gridHolder {
		gap: 1.5em;
	}
}

/* Tablet Landscape size to wide monitor  */
@media only screen and (max-width: 1279px) {
	body {
		font-size: 16px;
	}
	.button, input[type="submit"], input[type="button"], .ms-options-wrap button {
		padding: 8px 15px;
	}
	input[type="text"], input[type="password"], input[type="email"], input[type="number"], textarea, select {
		padding: 9px 10px;
	}
	.header.shadow #searchBar {
		padding: 33px 0 33px;
	}
	#searchBar input[type="submit"] {
		width: 40px;
		height: 40px;
		margin-left: 5px;
	}
	.wrap {
		padding: 55px 0 45px;
	}
	#logo a {
		height: 60px;
	}
	#sideBar {
		margin-top: 17px
	}
	.mainImg button {
		width: 20px;
		height: 32px;
		background-size: 20px 32px;
	}
	.gridLogos {
		gap: 1.5rem
	}
	.gridLogos > li {
		flex: 0 0 calc(10% - 0.5rem);
	}
}

@media only screen and (max-width: 1100px) {
	.wrap.header {
		align-items: flex-start;
	}
	.hamburger {
		display: block;
	}
}

/* Tablet Landscape size to wide monitor  */
@media only screen and (min-width: 960px) and (max-width: 1279px) {
	
	/*.gridHolder .gridItem,
	.gridHolder .gridItem.two,
	.gridHolder .gridItem.three,
	.gridHolder .gridItem.four,
	.gridHolder .gridItem.six {
		grid-column: auto / span 6;
	}*/
	.gridHolder .gridItem.three {
		grid-column: auto / span 4;
	}
	.fullOverlay .content {
		justify-content: space-between;
	}
	.fullOverlay .content div:first-child {
		flex: 0 0 42%;
	}
	.fullOverlay .content div:last-child {
		flex: 0 0 55%;
	}
}

@media only screen and (max-width: 959px) {
	.button, input[type="submit"], input[type="button"], .ms-options-wrap button {
		padding: 8px 15px 7px;
	}
	hr {
		padding-top: 30px;
		margin-bottom: 50px;
		height: 0;
	}
	#cssmenu {
		display: none;
	}
	nav.pagination {
		width: 100%;
	}
	.infogrid img {
		width: 16px !important;
	}
	.flexitem {
		flex: 0 1 calc(50% - 1px);
	}
	.flexitem .text {
		padding: 1.5em 15% 1.5em 7.5%;
	}
	.flexrow.featureholder {
		gap: 1.2em;
	}
	.flexitem.feature .text {
		padding: 20px;
	}
	.feature {
		flex: 1 1 auto;
		width: calc(50% - 1.25em);
	}
	.flexrow.newsholder {
		gap: 20px;
		align-content: space-between;
		flex-direction: column;
	}
	.flexitem.story {
		flex: 1 1 100%;
	}
	.flexitem.story .text {
		padding: 20px;
	}
	.gridItem,
	.gridItem.two,
	.gridItem.three,
	.gridItem.four,
	.gridItem.five,
	.gridItem.six,
	.gridItem.seven,
	.gridItem.eight,
	.gridItem.nine {
		grid-column: auto / span 6;
	}
	.gridItem.buttons {
		grid-column: auto / span 12;
	}
	.galleryGrid.testimonials  {
		column-count: 1;
		grid-gap: 0;
	}
	#filters form .flexrow {
		flex-direction: column;
	}
	.docGroup div {
		padding: 1px 0 1px;
	}
	.formGrid input,
	.formGrid select {
		grid-column: 1 / span 2;
	}
	.fullOverlay .content {
		flex-direction: column;
		text-align: center;
	}
	.fullOverlay .content div:first-child,
	.fullOverlay .content div:last-child {
		flex: 1 1 100%;
	}
	.fullOverlay .content img {
		max-width: 300px
	}
	.fullOverlay .closebtn {
		position: absolute;
		top: 10px;
		right: 25px;
		font-size: 40px;
		line-height: 40px;
	}
}

/* Tablet Portrait size to standard 960  */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	body {
		font-size: 16px;
	}
	.no-mob-all{
		display: none;
	}
	.mob-only-all {
		display: block !important;
	}
	.no-tab {
		display: none !important;
	}
	.tab-only {
		display: block !important;
	}
	#social li a::before {
		margin-right: 0.5em;
	}
	#mainContent {
		padding-right: 20px;
	}
}

/* All Mobile Sizes  */
@media only screen and (max-width: 767px) {
	.no-mob, .no-mob-all {
		display: none !important;
	}
	.mob-only, .mob-only-all {
		display: block !important;
	}
	h1 {
		font-size: 1.65em;
	}
	h2 {
		font-size: 1.65em;
	}
	h3 {
		font-size: 1.5em;
	}
	.gridItem h2,
	.gridItem h3,
	h4 {
		font-size: 1.3em;
	}
	h5 {
		font-size: 1.18em;
	}
	hr, hr.narrow {
		margin-right: 0;
		margin-left: 0;
	}
	nav.pagination ul li.text {
		width: 100%;
	}
	.infogrid p.icon a::after {
		display: none;
	}
	.divider.mob-only {
		display: inline-block !important;
	}
	.wrap {
		padding: 40px 0 30px;
	}
	.wrap.header,
	.wrap.header.shadow,
	.noHeader .wrap.header.shadow {
		padding: 10px 0;
	}
	.header #searchBar,
	.header.shadow #searchBar {
		padding: 15px 0 15px;
	}
	.header #searchBar .container .six.columns,
	.header.shadow #searchBar .container .six.columns {
		width: 100%;
	}
	.breadcrumb {
		border-right: 10px solid #fff;
		border-left: 10px solid #fff;
	}
	.wrap.footer {
		padding: 30px 0 20px;
	}
	#logo {
		padding: 0;
	}
	#logo a {
		height: 40px;
		margin-left: 20px;
	}
	.header.shadow #logo a {
		height: 40px;
	}
	#menu,
	.header.menuShowing #menu {
		margin-right: 15px;
	}
	#menu {
		flex: 1;
	}
	.header.menuShowing #menu {
		flex: 0 0 32px;
	}
	.hamburger {
		top: 18px;
	}
	.hamburger-box {
		width: 24px;
		height: 14px;
	}
	.hamburger-inner {
		margin-top: -2px;
	}

		.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
			width: 24px;
			height: 2px;
			border-radius: 3px;
		}
			.hamburger-inner::before {
				top: -6px;
			}
			.hamburger-inner::after {
				bottom: -6px;
			}

		.hamburger--spin.is-active .hamburger-inner::before {
			top: 0;

		}

	a.sideBtn {
		display: none;
	}
	.mainImg .columns {
		left: 50px;
		width: calc(100% - 100px) !important;
	}
	.mainImg button#nextMain,
	.mainImg button#prevMain {
		width: 15px;
		height: 24px;
		background-size: 15px 24px;
	}
	.mainImg button#nextMain {
		right: 15px;
	}
	#mainContent {
		padding-right: 0;
	}
	#sideBar {
		margin-top: 0;
	}
	.flexrow {
		margin: 0 0 25px;
	}
	.flexrow.half,
	.flexrow.reverse,
	form.flexrow {
		flex-direction: column;
	}
	.flexrow.featureholder {
		margin-bottom: 0;
		gap: 1px;
		flex-direction: column;
	}
	.flexrow.featureholder .flexitem {
		width: 100%
	}
	.flexitem.image {
		width: 100%;
	}
	.flexitem .text {
		padding: 25px;
	}
	.flexitem.feature {
		margin-bottom: 25px;
	}
	.flexrow:not(.invert):not(.featureholder):not(.newsholder):not([class*="bg"]) .flexitem .text {
		padding-left: 0;
		padding-right: 0;
		padding-bottom: 0;
	}
	.feature::after,
	.feature::before {
		display: none;
	}
	.gridItem .text p {
		font-size: 0.9em;
	}
	.galleryGrid  {
		column-count: 2;
	}
	#sideBar {
		margin-bottom: 30px;
	}
	ul.subNav {
		flex-direction: column !important;
		margin: 0;
	}
		.subNav {
			display: none;
			height: auto;
			padding: 0;
			text-align: left;
		}
		.subNav.standard {
			display: block;
			margin-bottom: 30px;
		}
			.subNav li:first-child a {
				border-top: none;
			}
	
		#sideBar a#pull {
			display: block;
			position: relative;
			height: 30px;
			line-height: 20px;
			color: #111;
			margin-bottom: 0;
			text-decoration: none;
			border-bottom: 2px solid #d1d2d1;
			box-sizing: border-box;
		}
			#sideBar a#pull:after {
				text-transform: uppercase;
				content: "In this section";
				display: block;
				position: relative;
				left: 5px;
				top: 0px;
				background: url(../images/icons/arrow-down.svg) calc(100% - 12px) center no-repeat;
				background-size: 14px 8px;
				filter: invert(1) sepia(1) hue-rotate(180deg) brightness(0.3);
			}
		.subNav:after {
			display: none;
		}
		ul.subNav li a.selected {
			border-right: none;
			background: #eaeaee;
		}
		ul.subNav li a.selected:after {
			transform: rotate(90deg);
			margin-right: 15px;
		}
	.gridLogos > li {
		flex: 0 0 calc(12% - 0.5rem);
	}
	#gMap.projectsInternal {
		padding-bottom: 150%;
	}
	.scrollFix {
		width: auto;
		padding: 0 0 10px 5px;
	}
    .richText .scrollFix img.insetR {
        width: 300px;
        float: none;
        margin: 0 0 20px 0 !important;
        clear: both;
    }
	/* transform footer to boxed design */
	
	.wrap.footer .boxed {
		border: 1px solid #fff;
		padding: 20px 10px;
		text-align: center;
		margin-bottom: 20px;
		box-sizing: border-box;
	}
	.wrap.footer .boxed h6 {
		text-transform: uppercase;
	}
	.wrap.footer .boxed li span {
		display: none;
	}
	.wrap.footer .boxed p span {
		display: inline;
	}
	.wrap.footer .boxed ul,
	.wrap.footer .boxed p {
		margin-bottom: 0;
	}
	.wrap.footer .boxed li {
		display: inline-block;
		margin-right: 10px;
	}
		.wrap.footer .boxed li:last-child {
			margin-right: 0;
		}
	.wrap.footer .boxed a {
		display: inline-block;
		width: 60px;
		height: 60px;
		border: 1px solid #fff;
		box-sizing: border-box;
	}
		.wrap.footer .boxed a:hover {
			background-color: #73a788;
			border: 1px solid #73a788;
		}
	.wrap.footer .boxed #social li a::before,
	.wrap.footer .boxed ul.iconize li a::before {
		content: '';
		display: block;
		vertical-align: middle;
		margin-top: 0;
		margin-right: 0;
		width: 60px;
		height: 60px;
		background-size: 20px 20px !important;
		background-position: center !important;
		background-repeat: no-repeat !important;
	}
	.wrap.footer .boxed #social li {
		margin-right: 10px;
	}
		.wrap.footer .boxed #social li:last-child {
			margin-right: 0;
		}
	.wrap.footer .boxed ul.iconize li.tel a::before {
		background: url(../images/icons/tel.svg);
		filter: brightness(3)
	}
	.wrap.footer .boxed ul.iconize li.email a::before {
		background: url("../images/icons/email.svg");
		filter: brightness(3)
	}
	.wrap.footer .boxed ul.iconize li.tenant a::before {
		background: url(../images/icons/tenant.svg)
	}
	.wrap.footer .boxed ul.iconize li.tenant a::after {
		content: 'Tenant Portal';
	}
	.wrap.footer .boxed ul.iconize li.corporate a::before {
		background: url(../images/logo-populo-bird.svg)
	}
	.wrap.footer .boxed ul.iconize li.corporate a::after {
		content: 'Corp.';
	}
	.wrap.footer .boxed ul.iconize li.terms a::before {
		background: url(../images/icons/terms.svg)
	}
	.wrap.footer .boxed ul.iconize li.terms a::after {
		content: 'Terms';
	}
	.wrap.footer .boxed ul.iconize li.privacy a::before {
		background: url(../images/icons/privacy.svg)
	}
	.wrap.footer .boxed ul.iconize li.privacy a::after {
		content: 'Privacy';
	}
}

@media (any-hover: hover) and (any-pointer: coarse) and (max-width: 767px) {
	#menu,
	.header.menuShowing #menu {
		margin-right: 15px;
	}
}

/* Mobile Landscape Size to Tablet Portrait  */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	

}

/* Mobile Portrait Size to Mobile Landscape Size  */
@media only screen and (max-width: 479px) {
	body {
		font-size: 17px;
	}
	.no-mob-p,
	.flexrow.newsNav a span {
		display: none !important;
	}
	.mob-only-p {
		display: block;
	}
	td.mob-only-p {
		display: table-cell;
	}
	.richText img,
	span.insetR,
	img.insetR {
		max-width: 100%;
		height: auto;
		display: block;
		float: none;
		margin: 0 0 25px;
	}
	label, legend, input[type="text"], input[type="password"], input[type="email"], textarea,  select {
		width: 100%
	}
	#logo a,.header.shadow #logo a {
		height: 44px;
	}
	ul.tabNavigation {
		flex-direction: column;
	}
	ul.tabNavigation li,
	ul.tabNavigation li:last-child {
		margin: 0;
	}
	ul.tabNavigation li a {
		width: 100%;
		font-size: 1.25rem;
		margin-bottom: 10px;
	}
		ul.tabNavigation li a.selected {
			margin-bottom: 0;
		}
	ul.linklist.inline li {
		display: block;
		border: none;
		padding-right: 0;
		margin-right: 0;
	}
	.twoCol {
		column-count: 1;
    	column-gap: 0;
	}
	.mainImg .columns {
		left: 30px;
		width: calc(100% - 60px) !important;
	}
	.flexrow {
		flex-direction: column;
	}
	.flexrow.split {
		flex-direction: row;
	}
	.subPage .flexitem .text h2 {
		font-size: 1.5em;
	}
	.subPage .flexitem .text p {
		font-size: 0.9em;
	}
	.flexitem {
		width: 100%
	}
	.flexrow.newsNav {
		flex-direction: row;
		flex-wrap:  nowrap;
		margin-bottom: 0;
	}
	.flexrow.team {
		display: flex;
		flex-direction: row-reverse;
		justify-content: space-between;
	}
		.flexrow.team figure {
			max-width: 100px;
		}
	.feature {
		flex: 1;
		width: 100%;
	}
	.gridHolder {
		gap: 1.8em 0;
	}
	.gridHolder .gridItem,
	.gridHolder .gridItem.two,
	.gridHolder .gridItem.three,
	.gridHolder.YY .gridItem.four,
	.gridHolder.process .gridItem.six {
		grid-column: auto / span 12;
	}
	
	.home .mainImg {
		height: 40vh;
		min-height: 300px;
	}
	.mainImg h1 {
		margin-bottom: 10px;
	}
	.mainImg p {
		font-size: 1em;
		margin-bottom: 10px;
	}
	.gridLogos {
		gap: 1rem;
	}
	.gridLogos > li {
		flex: 0 0 calc(20% - 0.8rem);
	}
	.counter-holder {
		grid-template-columns: 1fr;
	}

	.counter-item {
		border-right: none;
		border-bottom: 1px solid #ccc;
		padding-bottom: 2rem;
		margin-bottom: 2rem;
	}
		.counter-item:last-child {
			border-bottom: none;
			margin-bottom: 0;
			padding-bottom: 0;
		}

}
	
html {
    opacity: 1;
}