/*
Theme Name: LU 25
Theme URI: http://leaders-unlocked.org/
Description: Custom template for Leaders Unlocked
Author: Sean Bowen for Digital Island
Version: 1.0
*/


/*
Fonts
---------------------------------------
*/


@font-face {
  font-family: "Gilroy-Black";
  src: url('fonts/Gilroy-Black.otf') format('opentype');
}

@font-face {
  font-family: "Gilroy-Regular";
  src: url('fonts/Gilroy-Regular.otf') format('opentype');
}

@font-face {
  font-family: "Gilroy-Bold";
  src: url('fonts/Gilroy-Bold.otf') format('opentype');
}

@font-face {
  font-family: "Gilroy-Light";
  src: url('fonts/Gilroy-Light.otf') format('opentype');
}

@font-face {
  font-family: "Gilroy-Heavy";
  src: url('fonts/Gilroy-Heavy.otf') format('opentype');
}

@font-face {
  font-family: "Gilroy-Medium";
  src: url('fonts/Gilroy-Medium.otf') format('opentype');
}



/*
Reset
---------------------------------------
*/

*, html, body { 
	margin:0; 
	padding:0; 
	}

fieldset, img { 
	border:0; 
}

h1, h2, h3, h5, h5, h6 { 
	font-size:100%; 
	}

ul { 
	list-style:none; 
}



/*
General Styling
---------------------------------------
*/

body {
	font-family: 'Gilroy-Regular';
	font-weight: 300;
	font-size: 14px;
	color: #000;
	background: #fff;
	-webkit-font-smoothing: antialiased;
	overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Gilroy-Heavy';
	color: #000;
}

h1 {
	font-size: 40px;
   line-height: 1em;
	padding-bottom: 10px;
}

h2 {
    font-size: 35px;
    font-size: 2vw;
    line-height: 45px;
    line-height: 2.4vw;
    color: #000;
    padding-bottom: 20px;
}


p {
	font-weight: 300;
	font-size: 40px;
   font-size: 1.5vw;
   line-height: 45px;
   line-height: 1.6vw;
   color: #000;
   padding-bottom: 20px;
}


a {
	text-decoration: none;
}

a:hover {
	
}

strong {
	font-family: "Gilroy-Black";
	font-weight: 700;
}


.clear { 
	clear: both; 
}

.clearfix:after {
    content: "";
    display: table;
    clear: both;
}


/*
Site Strucutre
---------------------------------------
*/

.masthead {
	position: absolute;
	top: 20px;
	left: 20px;
	right: 20px;
	width: calc(100% - 90px);
	height: auto;
	padding: 25px;
	z-index: 9;
}

.logo {
	position: absolute;
	top: 20px;
	left: 20px;
	width: 20%;
	height: auto;
}

.logo, .logo img {
	max-width: 320px;
}


.logo img, .menu-icon img, .homepage-hero-image img, .statistics-panel-first-image img, .statistics-panel-second-image img, .partner-logo img, .homepage-hero-arrow img, .carousel-prev img, .carousel-next img,
.page-hero-image img, .homepage-latest-projects-image img, .sector-latest-projects-image img, .related-content-image img, .slick-slide img, .news-grid-image img, .alternating-panel-image img, 
.team-ceo-image img, .team-image img, .gallery-slide img, .publications-grid-image img, .resources-grid-image img, .project-panel-image img, .sectors-grid-image img, .partners-grid-image img, 
.image-panel-image img, .opportunities-grid-image img, .sector-featured-project-image img, .sector-quote-panel-image img, .project-why-panel-image img, .stat-tile-image img, .footer-logo img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.menu-icon {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 5%;
	height: auto;
	min-height: 75px;
}

.menu-icon img {
	min-height: 75px;
}

.mobile-menu-close, .mobile-social {
	display: none;
}

.header-social {
	position: absolute;
	top: 40px;
	right: 5.5%;
	width: 10%;
	min-width: 290px;
}

.header-social a.facebook, .header-social a.twitter, .header-social a.instagram, .header-social a.linkedin, .header-social a.youtube,
.footer-social a.facebook, .footer-social a.twitter, .footer-social a.instagram, .footer-social a.linkedin, .footer-social a.youtube,
.mobile-social a.facebook, .mobile-social a.twitter, .mobile-social a.instagram, .mobile-social a.linkedin, .mobile-social a.youtube {	
	float: left;
	width: 40px;
	height: 50px;
	margin-right: 8px;
	-webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.header-social a.facebook, .header-social a.twitter, .header-social a.instagram, .header-social a.linkedin, .header-social a.youtube,
.footer-social a.facebook, .footer-social a.twitter, .footer-social a.instagram, .footer-social a.linkedin, .footer-social a.youtube,
.mobile-social a.facebook, .mobile-social a.twitter, .mobile-social a.instagram, .mobile-social a.linkedin, .mobile-social a.youtube {
	width: 40px;
	height: 50px;
}

.header-social a.youtube, .footer-social a.youtube, .mobile-social a.youtube {
	background: transparent url("images/yt.png") no-repeat 0 0;
	background-position: center;
	object-fit: cover;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.header-social a.facebook, .footer-social a.facebook, .mobile-social a.facebook {
	background: transparent url("images/fb.png") no-repeat 0 0;
	background-position: center;
	object-fit: cover;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.header-social a.twitter, .footer-social a.twitter, .mobile-social a.twitter {
	background: transparent url("images/twitter.png") no-repeat 0 0;
	background-position: center;
	object-fit: cover;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.header-social a.instagram, .footer-social a.instagram, .mobile-social a.instagram  {
	background: transparent url("images/instagram.png") no-repeat 0 0;
	background-position: center;
	object-fit: cover;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.header-social a.linkedin, .footer-social a.linkedin, .mobile-social a.linkedin {
	background: transparent url("images/linkedin.png") no-repeat 0 0;
	background-position: center;
	object-fit: cover;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

a.facebook:hover, a.twitter:hover, a.instagram:hover, a.linkedin:hover, a.youtube:hover  {
	-webkit-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
}

.homepage-hero {
	position: relative;
	width: calc(100% - 40px);
	margin-top: 20px;
	margin-left: 20px;
	margin-right: 20px;
	height: auto;
	max-height: 700px;
	overflow: hidden;
}

.homepage-hero img {
	max-height: 700px;
}

.homepage-hero-content {
	position: relative;
	float: left;
	width: 50%;
	height: 100%;
}

.homepage-hero-text {
	width: calc(100% - 50px);
	padding: 20px 25px 0 25px;
	margin-top: 25%;
}

.homepage-hero-inner {
	width: 85%;
}

.homepage-hero-text p {
	font-family: 'Gilroy-Medium';
	font-size: 40px;
	font-size: 1.5vw;
	line-height: 45px;
	line-height: 1.6vw;
	color: #fff;
}

.homepage-hero-projects {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: auto;
}

.homepage-hero-project-one h3, .homepage-hero-project-two h3, .homepage-hero-project-three h3, .homepage-hero-project-four h3 {
	font-family: 'Gilroy-Heavy';
	font-size: 60px;
	font-size: 2.58vw;
	line-height: 65px;
	line-height: 2.7vw;
	color: #fff;
	padding: 20px 0 25px 20px;
}

.homepage-hero-project-one, .homepage-hero-project-two, .homepage-hero-project-three, .homepage-hero-project-four {
	position: relative;
}

.hero-sector-arrow {
	position: absolute;
	top: 15%;
	right: 52%;
}

a:hover > div.homepage-hero-project-one, a:hover > div.homepage-hero-project-two, a:hover > div.homepage-hero-project-three, a:hover > div.homepage-hero-project-four {
	filter: brightness(85%);
}

.homepage-hero-image {
	position: relative;
	float: right;
	width: 50%;
	height: auto;
	overflow: hidden;
}

.homepage-hero-quote {
	position: absolute;
	bottom: 50px;
	right: 20px;
	width: 100%;
}

.homepage-hero-quote-inner {
	text-align: right;
}

p.homepage-hero-quote-text {
	font-family: flood-std, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 60px;
	font-size: 2.58vw;
	line-height: 65px;
	line-height: 2.7vw;
	color: #fff;
}

.homepage-hero-arrow {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 7%;
	height: auto;
	max-height: 50px;
}

.page-hero {
	position: relative;
	width: calc(100% - 40px);
	margin-top: 20px;
	margin-left: 20px;
	margin-right: 20px;
	height: auto;
	max-height: 700px;
	overflow: auto;
}

.page-hero-content {
	position: relative;
	float: left;
	width: 30%;
	height: 100%;
	overflow: auto;
}

.page-hero-quote {
	position: absolute;
	bottom: 25px;
	left: 25px;
	width: 27%;
	padding-right: 25px;
}

.page-hero-quote p {
	font-family: flood-std, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 38px;
	font-size: 2.5vw;
	line-height: 45px;
	line-height: 2.95vw;
	color: #fff;
}

.page-hero-image {
	position: relative;
	float: right;
	width: 70%;
	height: auto;
	max-height: 700px;
	overflow: hidden;
}

.page-hero-image.full-width-hero {
	width: 100%;
}

.tint-hero {
    filter: brightness(80%);
}

.page-hero-title {
	position: absolute;
	bottom: 5%;
	right: 25px;
}

.page-hero-title h2 {
	font-family: 'Gilroy-Heavy';
	font-size: 50px;
	font-size: 3.2vw;
	line-height: 60px;
	line-height: 3.4vw;
	color: #fff;
}

.content {
	width: calc(100% - 90px);
	margin-left: 20px;
	margin-right: 20px;
	padding: 25px;
	height: auto;
}

.content p, .content a {
	font-family: 'Gilroy-Medium';
	font-size: 20px;
	font-size: 1.3vw;
	line-height: 25px;
	line-height: 1.5vw;
	color: #000;
	padding-bottom: 10px;
}

.content.text-page p, .content.text-page a {
	font-weight: 300;
	font-size: 22px;
   font-size: 1.3vw;
   line-height: 28px;
   line-height: 1.5vw;
   color: #000;
   padding-bottom: 30px;
}

.content.text-page li {
	font-weight: 300;
	font-size: 22px;
   font-size: 1.3vw;
   line-height: 28px;
   line-height: 1.5vw;
   color: #000;
   padding-bottom: 30px;
}

.content.text-page ul li {
	list-style: disc;
	margin-left: 20px;
}

.content.text-page ol li {
	list-style: disc;
	margin-left: 20px;
}

.news-post-content h2 {
	font-family: 'Gilroy-Heavy';
	font-size: 35px;
	font-size: 2.2vw;
	line-height: 35px;
	line-height: 2.2vw;
	padding-bottom: 20px;
}

.homepage-content, .home-featured-project, .homepage-map {
	width: calc(100% - 90px);
	margin-top: 40px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 40px;
	padding: 25px;
	height: auto;
}

.image-panel {
	width: calc(100% - 40px);
	height: auto;
	margin-top: 40px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 40px;
}

.sector-featured-project {
	display: inline-block;
	width: 100%;
	margin-top: 40px;
	margin-bottom: 40px;
	height: auto;
	background: #EDEDED;
	overflow: hidden;
}

.sector-featured-project-inner {
	padding: 40px 20px 40px 20px;
}

.sector-featured-project-content {
	float: left;
	width: 48%;
}

.sector-featured-project-image {
	float: right;
	width: 48%;
}

.homepage-content-text {
	float: left;
	width: 45%;
}

.homepage-map {
	min-height: 500px;
	background: #ccc;
	margin-bottom: 40px;
}

.homepage-stats-panel {
	float: right;
	width: 45%;
}

.home-featured-project-text, .sector-featured-project-text {
	width: 70%;
}

.home-featured-project h2, .sector-featured-project h2 {
	font-family: 'Gilroy-Heavy';
	font-size: 35px;
	font-size: 2.5vw;
	line-height: 45px;
	line-height: 2.4vw;
	color: #000;
	padding-bottom: 10px;
}

.home-featured-project h2.featured-title, .sector-featured-project h2.featured-title {
    font-family: 'Gilroy-Heavy';
    font-size: 40px;
    font-size: 2.6vw;
    line-height: 45px;
    line-height: 3vw;
    color: #000;
	padding-bottom: 20px;
}

.home-featured-project p, .home-featured-project a, .sector-featured-project a {
	font-family: 'Gilroy-Light';
	font-size: 35px;
	font-size: 1.7vw;
	line-height: 45px;
	line-height: 2.4vw;
	color: #000;
	padding-bottom: 10px;
}

.sector-featured-project p {
	font-family: 'Gilroy-Light';
	font-size: 26px;
	font-size: 1.2vw;
	line-height: 32px;
	line-height: 1.8vw;
	color: #000;
	padding-bottom: 10px;
}


.home-featured-project a, .sector-featured-project a {
	font-weight: 700;
	text-decoration: underline;
}

.home-featured-project a:hover, .sector-featured-project a:hover {
	text-decoration: none;
}

.home-featured-project a.featured-project-link, .sector-featured-project a.featured-project-link {
	font-family: 'Gilroy-Heavy';
	font-size: 35px;
	font-size: 2vw;
	line-height: 45px;
	line-height: 2.4vw;
	color: #000;
	padding-bottom: 10px;
	text-decoration: none;
}

.statistics-image-panel {
	width: calc(100% - 40px);
	margin-left: 20px;
	margin-right: 20px;
	height: auto;
	min-height: 200px;
}

.statistics-panel-first-image {
	float: left;
	width: 25%;
	height: auto;
}

.statistics-panel-content {
	float: left;
	width: 50%;
	height: auto;
	overflow: auto;
}

.statistics-panel-inner, .sector-quote-panel-inner {
  display: flex;
  align-items: center;
  width: 100%;
	height: auto;
  text-align: center;
  min-height: 200px;
  overflow: hidden;
}

.sector-quote-panel-inner {
	text-align: left;
}

.statistics-panel-text {
	display: inline-block;
  margin: 0 auto;
	width: calc(100% - 40px);
	height: auto;
	margin-top: 5%;
	padding-left: 20px;
	padding-right: 20px;
  text-align: center;
  min-height: 200px;
}

.sector-quote-panel-text {
	display: inline-block;
  margin: 0 auto;
	width: calc(100% - 80px);
	height: auto;
	margin-top: 5%;
	padding-left: 40px;
	padding-right: 40px;
  min-height: 200px;
}

.statistics-panel-text h2, .sector-quote-panel-text h2 {
	font-family: 'Gilroy-Heavy';
	font-size: 55px;
	font-size: 2.2vw;
	line-height: 65px;
	line-height: 2.6vw;
	color: #fff;
	padding-bottom: 20px;
}

.statistics-panel-text p, .sector-quote-panel-text p {
	font-family: 'Gilroy-Light';
	font-size: 40px;
	font-size: 1.8vw;
	line-height: 50px;
	line-height: 2vw;
	color: #fff;
}

.statistics-panel-second-image {
	float: right;
	width: 25%;
	height: auto;
}

.sector-quote-panel {
	width: 100%;
	height: auto;
	margin-top: 40px;
	margin-bottom: 40px;
}

.sector-quote-panel-image {
	float: left;
	width: 48%;
	height: auto;
}

.sector-quote-panel-content {
	float: right;
	width: 48%;
	height: auto;
}

.homepage-stats-panel .statistics-image-panel {
	width: 100%;
	height: auto;
	min-height: 200px;
}

.homepage-stats-panel .statistics-panel-content {
	float: left;
	width: 100%;
	height: auto;
	overflow: auto;
}

.homepage-stats-panel .statistics-panel-inner {
  display: flex;
  align-items: left;
  width: 100%;
	height: auto;
  text-align: left;
  min-height: 200px;
  overflow: hidden;
}

.homepage-stats-panel .statistics-panel-text {
	display: inline-block;
  margin: 0 auto;
	width: calc(100% - 40px);
	height: auto;
	margin-top: 5%;
	padding-left: 20px;
	padding-right: 20px;
  text-align: left;
  min-height: 200px;
}

.homepage-stats-panel .statistics-panel-second-image {
	float: right;
	width: 50%;
	height: auto;
}

.homepage-stats-panel .statistics-panel-first-image {
	float: left;
	width: 50%;
	height: auto;
}

.homepage-latest-projects, .sector-latest-projects, .related-resources, .related-publications, .related-news, 
.related-projects {
	width: calc(100% - 40px);
	margin-top: 20px;
	margin-left: 20px;
	margin-right: 20px;
	height: auto;
	overflow: auto;
}

.homepage-latest-projects h2, .sector-latest-projects h2, .related-resources h2, .related-publications h2, 
.related-news h2, .related-projects h2 {
	font-family: 'Gilroy-Heavy';
	font-size: 40px;
	font-size: 2.6vw;
	line-height: 45px;
	line-height: 3vw;
	color: #000;
	padding-bottom: 20px;
}

.homepage-latest-projects-wrapper {
	width: 100%;
	height: auto;
	background: #FBD08D;
}

.sector-latest-projects-wrapper, .related-content-wrapper {
	position: relative;
	width: 100%;
	height: auto;
	background: #Ffff;
}

.homepage-latest-projects-list, .sector-latest-projects-list, .related-content-list {
	position: relative;
	overflow: hidden;
}

.homepage-latest-projects-inner, .sector-latest-projects-inner, .related-content-inner {
	overflow: hidden;
}

.homepage-latest-projects-inner .homepage-latest-projects-image,
.sector-latest-projects-inner .sector-latest-projects-image,
.related-content-inner .related-content-image {
	position: relative;
	margin-left: 0;
	margin-right: 0;
}

.homepage-latest-projects-image a.overlay, .sector-latest-projects-image a.overlay, .related-content-image a.overlay {
	display: inline-block;
	width: 100%;
	height: 100%;
	filter: brightness(75%);
}

.homepage-latest-projects-image a:hover, .sector-latest-projects-image a:hover, .related-content-image a:hover {
	filter: brightness(65%);
}

.homepage-latest-projects-text, .sector-latest-projects-text, .related-content-text {
	position: absolute;
	width: 80%;
	bottom: 20px;
	left: 20px;
}

.homepage-latest-projects-text h3, .sector-latest-projects-text h3, .related-content-text h3 {
	font-family: 'Gilroy-Heavy';
	font-size: 40px;
	font-size: 2.2vw;
	line-height: 45px;
	line-height: 2.5vw;
	color: #fff;
}

.homepage-latest-projects-text p, .homepage-latest-projects-text a,
.sector-latest-projects-text p, .sector-latest-projects-text a,
.related-content-text p, .related-content-text a {
	font-family: 'Gilroy-Medium';
	font-size: 20px;
	font-size: 1vw;
	line-height: 35px;
	line-height: 1.2vw;
	color: #fff;
}

.homepage-latest-projects-inner .slick-list, .sector-latest-projects-inner .slick-list,
.related-content-inner .slick-list  {
	margin: 0 -15px;
}

.homepage-latest-projects-inner .slick-slide>div, .sector-latest-projects-inner .slick-slide>div,
.related-content-inner .slick-slide>div {
	padding:0;
}

.homepage-latest-projects-inner .slick-slide img, .sector-latest-projects-inner .slick-slide img,
.related-content-inner .slick-slide img {
	margin-left: 0;
	margin-right: 0;
}

.left-align-slick > .slick-list > .slick-track {    
    margin-left:0;
}

.carousel-prev {
	position: absolute;
	top: calc(50% - 25px);
	left: 25px;
	width: 50px;
	height: 50px;
	z-index: 1001;
	cursor: pointer;
}

.carousel-next {
	position: absolute;
	top: calc(50% - 25px);
	right: 25px;
	width: 50px;
	height: 50px;
	z-index: 1001;
	cursor: pointer;
}

.join-team {
	width: calc(100% - 90px);
	margin-left: 20px;
	margin-right: 20px;
	padding: 25px;
	height: auto;
	min-height: 200px;
	background: #FBD08D;
}

.join-team-text {
	float: left;
	width: 50%;
	height: auto;
	margin-right: 10%;
}

.join-team-copy {
	width: 70%;
}

.join-team-text h2 {
	font-size: 60px;
	font-size: 2.58vw;
	line-height: 65px;
	line-height: 2.7vw;
	padding-bottom: 25px;
}

.join-team-text p {
	font-family: 'Gilroy-Light';
	font-size: 40px;
	font-size: 1.5vw;
	line-height: 45px;
	line-height: 1.6vw;
	color: #000;
	padding-bottom: 20px;
}

.join-team-button {
	padding-bottom: 30px;
}

.home-content-button {
	margin-top: 30px;
}

.join-team-button a, .home-content-button a {
	display: inline-block;
	padding: 10px 30px 10px 30px;
	border: 1px solid #000;
	text-align: center;
	font-family: 'Gilroy-Heavy';
	font-size: 40px;
	font-size: 1.5vw;
	line-height: 45px;
	line-height: 1.6vw;
	color: #000;
}

.join-team-button a:hover {
	background: #000;
	color: #FBD08D;
}

.join-team-quote {
	position: relative;
	float: left;
	width: 30%;
	height: auto;
}

.join-team-quote-inner {
	display: flex;
  align-items: center;
  height: auto;
  min-height: 250px;
}

.join-team-quote p {
	font-family: 'Gilroy-Heavy';
	font-size: 60px;
	font-size: 2.52vw;
	line-height: 65px;
	line-height: 3vw;
	color: #000;
}

.partner-carousel {
	width: calc(100% - 40px);
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 20px;
	height: auto;
	min-height: 100px;
}

.partner-carousel h2 {
	font-family: 'Gilroy-Heavy';
   font-size: 40px;
   font-size: 2.6vw;
   line-height: 45px;
   line-height: 3vw;
   color: #000;
   padding-bottom: 20px;
}

.partner-logos-wrapper {
	width: 100%;
	height: 150px;
}

.partner-logos {
	overflow: hidden;
}

.partner-logos-inner {
	margin-left: 30px;
	margin-right: 30px;
	padding-top: 20px;
	overflow: hidden;
}

.partner-logos-inner .partner-logo {
	width: auto;
	height: 100px; 
	margin-right: 10%;
	/*margin-left: 10%;*/
}

.partner-logos-inner .slick-list {margin: 0 -15px;}
.partner-logos-inner .slick-slide>div {padding: 0 15px;}

.partner-logos-inner .slick-slide img {
	height: 100px; 
}

.partner-logo img, .slick-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	-webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
}

.random-quote {
	width: calc(100% - 90px);
	margin-left: 20px;
	margin-right: 20px;
	padding: 50px 25px 50px 25px;
	height: auto;
	background: #3B3B3B;
}

.random-quote-text {
	float: left;
	width: 50%;
	height: auto;
	margin-right: 10%;
}

.random-quote-text p {
	font-family: 'Gilroy-Medium';
	font-size: 60px;
	font-size: 1.52vw;
	line-height: 65px;
	line-height: 2vw;
	color: #fff;
}

.random-quote-attribution {
	float: left;
	width: 20%;
	height: auto;
}

.random-quote-attribution p {
	font-family: 'Gilroy-Light';
	font-size: 60px;
	font-size: 1.52vw;
	line-height: 65px;
	line-height: 2vw;
	color: #fff;
}

.mailing-list {
	width: calc(100% - 90px);
	height: auto;
	margin-left: 20px;
	margin-right: 20px;
	background: #FFB52B;
}

.mailing-list-form {
	float: left;
	width: calc(50% - 25px);
	padding: 25px;
	background: #FFB52B;
	min-height: 450px;
}

.mailing-list-quote {
	float: right;
	width: calc(50% - 20px);
	min-height: 450px;
	background: #3B3B3B;
	padding-bottom: 50px;
	margin-right: 20px;
}

.mailing-list-quote .random-quote {
	width: calc(100% - 20px);
	margin-left: 0;
	padding: 0;
	height: auto;
	background: #3B3B3B;
}

.mailing-list-quote .random-quote-text {
	float: none;
	width: calc(100% - 100px);
	height: auto;
	padding: 50px;
	margin-right: 0;
	background: #3B3B3B;
}

.mailing-list-quote .random-quote-attribution {
	float: none;
	width: 100%;
	height: auto;
	margin-left: 50px;
}


.news-grid, .publications-grid, .resources-grid, .opportunities-grid, .project-map-area  {
  width: calc(100% - 40px);
  margin-left: 20px;
  margin-right: 20px;
  height: auto;
}

.resources-grid, .opportunities-grid, .opportunities-message {
	margin-top: 20px;
	margin-bottom: 40px;
}

.opportunities-message {
	min-height: 400px;
}

.sticky-content {
	margin-bottom: 40px;
}

.sticky-hero {
	float:left;
	width: 48%;
	height: auto;
}

.sticky-posts {
	float: right;
	width: 48%;
	height: auto;
}

.sectors-grid  {
  width: calc(100% - 80px);
  margin-left: 40px;
  margin-right: 40px;
  height: auto;
}

.news-grid-posts, .publications-grid-posts, .resources-grid-posts, .opportunities-grid-posts {
  display: grid;
  overflow: hidden;
  grid-template-columns: repeat(4, 1fr);
  /*grid-auto-rows: 1fr;*/
  grid-column-gap: 2.2%;
  grid-row-gap: 30px;
}

.sticky-grid-posts {
	display: grid;
  overflow: hidden;
  grid-template-columns: repeat(2, 1fr);
  /*grid-auto-rows: 1fr;*/
  grid-column-gap: 2.2%;
  grid-row-gap: 30px;
}

.sectors-grid-posts {
  display: grid;
  overflow: hidden;
  grid-template-columns: repeat(3, 1fr);
  /*grid-auto-rows: 1fr;*/
  grid-column-gap: 2.2%;
  grid-row-gap: 30px;
}

.publications-grid-image, .publications-grid-image img, .resources-grid-image, .resources-grid-image img, .sectors-grid-image, .sectors-grid-image img,
.opportunities-grid-image, .opportunities-grid-image img {
	width: 100%;
	height: auto;
}

.news-grid-content, .publications-grid-content, .resources-grid-content, .sectors-grid-content, .opportunities-grid-content {
	margin-top: 20px;
}

.sectors-content {
	margin-top: 40px;
	margin-bottom: 40px;
}

.news-grid-text h3, .publications-grid-text h3, .resources-grid-text h3, .sectors-grid-text h3, .opportunities-grid-text h3 {
	font-family: 'Gilroy-Heavy';
	font-size: 35px;
	font-size: 1.5vw;
	line-height: 35px;
	line-height: 1.5vw;
	padding-bottom: 15px;
}

.news-grid-details, .publications-grid-details, .resources-grid-details, .opportunities-grid-details {
	margin-bottom: 20px;
}

.news-grid-freshness, .publications-grid-freshness, .resources-grid-freshness, .opportunities-grid-freshness {
	float: left;
	width: 40%;
	height: auto;
}

.news-grid-date, .publications-grid-date, .resources-grid-date, .opportunities-grid-date {
	float: right;
	width: 50%;
	height: auto;
	text-align: right;
}

.news-post-current-tag, .publications-post-current-tag, .resources-post-current-tag {
	display: inline-block;
	padding: 5px;
	width: auto;
	min-width: 100px;
	min-height: 30px;
	background: #96BDDF;
	color: #fff;
	border-radius: 20px;
	font-family: 'Gilroy-Medium';
	font-size: 15px;
	font-size: 0.8vw;
	line-height: 30px;
	font-weight: 700;
	text-align: center;
}

.resources-grid-image, .publications-grid-image, .news-grid-image {
	position: relative;
}

.sharing-button {
	position: absolute;
	top: 10px;
	left: 10px;
	display: inline-block;
	padding: 5px;
	width: auto;
	min-width: 100px;
	min-height: 30px;
	background: #fbd08d;
	color: #fff;
	border-radius: 20px;
	text-align: center;
}

.sharing-button a {
	font-family: 'Gilroy-Medium';
	font-size: 15px;
	font-size: 0.8vw;
	line-height: 30px;
	font-weight: 700;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
}

.sharing-button-icons {
	display: none;
}

.sharing-button-close {
	display: none;
	position: absolute;
	top: 7px; 
	right: 30px;
	width: 25px;
	height: 25px;
	background: #fff;
	text-align: center;
	border-radius: 50%;
}

a.sharing-close {
	color: #fbd08d;
	line-height: 27px;
}

.sharing-button-icons {
	position: absolute;
	top: 4px;
	left: 30px;
	width: auto;
	min-width: 200px;
}

.sharing-button-icons a.sharing-button-facebook, .sharing-button-icons a.sharing-button-twitter, .sharing-button-icons a.sharing-button-linkedin {	
	float: left;
	width: 30px;
	height: 35px;
	margin-right: 10px;
}

.sharing-button-icons a.sharing-button-facebook {
	background: transparent url("images/fb.png") no-repeat 0 0;
	background-position: center;
	object-fit: cover;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.sharing-button-icons a.sharing-button-twitter {
	background: transparent url("images/twitter.png") no-repeat 0 0;
	background-position: center;
	object-fit: cover;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


.sharing-button-icons a.sharing-button-linkedin {
	background: transparent url("images/linkedin.png") no-repeat 0 0;
	background-position: center;
	object-fit: cover;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.news-grid-date p.news-post-author {
	font-family: 'Gilroy-Medium';
	font-size: 15px;
	font-size: 0.8vw;
	line-height: 15px;
	line-height: 1vw;
	padding-bottom: 0;
}

.news-grid-text p.news-post-date, .publications-grid-text p.publications-post-date, .resources-grid-text p.resources-post-date, .opportunities-grid-text p.opportunities-post-date {
	font-family: 'Gilroy-Bold';
	font-size: 15px;
	font-size: 0.8vw;
	line-height: 20px;
	line-height: 0.8vw;
	padding-top: 12px;
	padding-bottom: 10px;
}

.news-grid-text p.news-post-author {
	font-family: 'Gilroy-Medium';
	font-size: 20px;
	font-size: 1vw;
	line-height: 30px;
	line-height: 1.5vw;
}

.news-grid-text p, .publications-grid-text p, .resources-grid-text p, .sectors-grid-text p, .opportunities-grid-text p {
	font-family: 'Gilroy-Medium';
	font-size: 20px;
	font-size: 1vw;
	line-height: 30px;
	line-height: 1.5vw;
	padding-bottom: 20px;
}

.publications, .resources {
	width: calc(100% - 40px);
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 25px;
	margin-bottom: 25px;
	height: auto;
	min-height: 600px;
}

.publication-sector {
	font-weight: 700;
}

.team-ceo-panel {
	width: calc(100% - 40px);
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 25px;
	margin-bottom: 25px;
	height: auto;
}

.team-ceo-image {
	float: left;
	width: 45%;
	height: auto;
	margin-right: 5%;
}

.team-ceo-biography {
	float: left;
	width: 50%;
	height: auto;
}

.team-ceo-text {
	width: 80%;
}

.team-ceo-text h3 {
	font-family: 'Gilroy-Heavy';
	font-size: 35px;
	font-size: 2.5vw;
	line-height: 35px;
	line-height: 3vw;
	color: #000;
	padding-bottom: 10px;
}

.team-ceo-text p {
	font-family: 'Gilroy-Medium';
	font-size: 20px;
	font-size: 1.2vw;
	line-height: 35px;
	line-height: 1.6vw;
	color: #000;
	padding-bottom: 20px;
}

.team-ceo-quote {
	float: right;
	width: 70%;
}

.team-ceo-quote p {
	font-family: 'Gilroy-Heavy';
	font-size: 40px;
	font-size: 2.6vw;
	line-height: 45px;
	line-height: 2.95vw;
}

.team-grid {
	width: calc(100% - 40px);
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 25px;
	margin-bottom: 25px;
}

.team-grid h2 {
	font-family: 'Gilroy-Heavy';
	font-size: 40px;
	font-size: 2.6vw;
	line-height: 45px;
	line-height: 3vw;
	color: #000;
	padding-bottom: 10px;
}

.team-grid-person {
	display: inline-block;
	width: 24%;
	height: auto;
	margin-right: 1.33%;
	margin-top: 15px;
}

.end-row {
	margin-right: 0;
}

.team-image {
	position: relative;
}

.team-image a.overlay {
	display: inline-block;
	width: 100%;
	height: 100%;
	filter: brightness(90%);
}

.team-image a:hover {
    filter: brightness(80%);
}

.team-image-details {
	position: absolute;
	left: 10px;
	bottom: 10px;
}

.team-image-details h3 {
	font-family: 'Gilroy-Heavy';
	font-size: 35px;
	font-size: 2.2vw;
	line-height: 30px;
	line-height: 2.5vw;
	color: #fff;
	padding-bottom: 5px;
}

.team-image-details p {
	font-family: 'Gilroy-Medium';
	font-size: 20px;
	font-size: 1.2vw;
	line-height: 25px;
	line-height: 1.6vw;
	color: #fff;
	padding-bottom: 0;
}

.team-biography {
	display: none;
	position: relative;
	float: left;
	width: calc(100% - 50px);
	height: auto;
	padding: 25px;
	margin-top: -3px;
	background: #FBD08D;
}

.close-bio {
	position: absolute;
	top: 25px;
	right: 25px;
	font-family: 'Gilroy-medium';
	font-size: 60px;
	font-size: 2.52vw;
	line-height: 65px;
	line-height: 2.7vw;
	color: #000;
}

.close-bio a {
	color: #000;
}

.team-biography h3 {
	font-family: 'Gilroy-Heavy';
	font-size: 35px;
	font-size: 2.5vw;
	line-height: 35px;
	line-height: 2.5vw;
	color: #000;
	padding-bottom: 20px;
}

.team-biography p, .team-text p {
	font-family: 'Gilroy-Medium';
	font-size: 20px;
	font-size: 1.2vw;
	line-height: 35px;
	line-height: 2vw;
	color: #000;
	padding-bottom: 10px;
}

.team-text {
	float: left;
	width: 45%;
	height: auto;
	padding-bottom: 20px;
}

.team-quote {
	float: left;
	width: 30%;
	height: auto;
	margin-left: 5%;
	padding-bottom: 20px;
}

.team-quote p {
	font-family: 'Gilroy-Heavy';
	font-size: 40px;
	font-size: 3vw;
	line-height: 45px;
	line-height: 3.2vw;
	color: #000;
}

.boarmembers-list {
	width: calc(100% - 90px);
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 25px;
	padding: 25px;
	height: auto;
	background: #656565;
}

.boarmembers-list h2 {
	font-family: 'Gilroy-Heavy';
	font-size: 40px;
	font-size: 2.5vw;
	line-height: 50px;
	line-height: 3vw;
	color: #fff;
	padding-bottom: 20px;
}

.boarmembers-col-1, .boarmembers-col-2, .boarmembers-col-3 {
	float: left;
	width: 33%;
	height: auto;
}

.boarmembers-list li {
	font-family: 'Gilroy-Light';
	font-size: 35px;
	font-size: 1.5vw;
	line-height: 45px;
	line-height: 2.9vw;
	color: #fff;
}

.alternating-panels li {
	display: block;
  	height: auto;
	overflow: auto;
}

.alternating-panel-content, .alternating-panel-image {
	position: relative;
	width: 55%;
	height: auto;
	min-height: 420px;
}

.alternating-panel-image {
	display: inline-block;
	width: 45%;
}

.alternating-panels li:nth-child(odd) .alternating-panel-content, .alternating-panels li:nth-child(even) .alternating-panel-image {
	float: right;
}

.alternating-panels li:nth-child(odd) .alternating-panel-image, .alternating-panels li:nth-child(even) .alternating-panel-content {
	float: left;
}

.alternating-panel-text {
	margin-top: 10%;
	width: 80%;
	margin-left: 10%;
}

.alternating-panels li:nth-child(even) .alternating-panel-content .alternating-panel-text {
	margin-left: 20px;
}

.alternating-panel-text h3 {
	font-family: 'Gilroy-Heavy';
	font-size: 35px;
	font-size: 2.25vw;
	line-height: 35px;
	line-height: 2.25vw;
}

.alternating-panel-text p {
	font-family: 'Gilroy-Medium';
	font-size: 20px;
	font-size: 1.3vw;
	line-height: 35px;
	line-height: 2.25vw;
	color: #000;
	padding-bottom: 10px;
}

a.action-button, a.project-button {
	display: inline-block;
	width: auto;
	min-width: 100px;
	height: 30px;
	padding: 10px 30px 10px 30px;
	text-align: center;
	color: #fff;
	border: 1px solid #fff;
	text-decoration: none;
	font-family: 'Gilroy-Heavy';
	font-size: 35px;
	font-size: 1.5vw;
	line-height: 30px;
}

a.project-button {
	margin-top: 30px;
	width: auto;
	padding: 10px 40px 10px 40px;
	font-family: 'Gilroy-Heavy';
	font-size: 35px;
	font-size: 1.5vw;
	line-height: 35px;
	line-height: 1.5vw;
}

.button-spacer {
	display: inline-block;
	width: 5%;
	height: auto;
}

.download-button {
	margin-top: 30px;
}

.alternating-panel-text p.publication-date {
	font-family: 'Gilroy-Medium';
	font-size: 16px;
	font-size: 1.1vw;
	line-height: 30px;
	line-height: 2vw;
	color: #000;
	padding-top: 15px;
	padding-bottom: 0;
}


.sectors .alternating-panel-text h3 {
	padding-bottom: 20px;
}

.sectors .alternating-panel-text p {
	padding-bottom: 30px;
}

.sectors, .stat-tile-grid {
	width: calc(100% - 40px);
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 40px;
	margin-bottom: 20px;
	height: auto;
}

.sectors .alternating-panel-text {
	margin-top: 5%;
}

.sectors .alternating-panel-text h3 {
	font-family: 'Gilroy-Heavy';
	font-size: 70px;
	font-size: 3vw;
	line-height: 70px;
	line-height: 3vw;
}

a.sector-button {
	font-family: 'Gilroy-Heavy';
	font-size: 20px;
	font-size: 1vw;
	line-height: 30px;
	line-height: 1.95vw;
	color: #000;
	padding: 15px 30px 15px 30px;
	border: 1px solid #000;
}

a.sector-button:hover {
	background: #000;
	color: #fff;
}

.sector-post-text {
	float: left;
	width: 45%;
	height: auto;
}

.sector-post-quote {
	float: right;
	width: 50%;
	height: auto;
}

.sector-quote-block {
	width: calc(100% - 50px);
	height: auto;
	padding: 25px;
}

.sector-quote-text {
	width: 85%;
}

.sector-post-text h2 {
	font-family: 'Gilroy-Heavy';
	font-size: 35px;
	font-size: 2.5vw;
	line-height: 35px;
	font-size: 2.5vw;
	padding-bottom: 20px;
}

.sector-post-text p, .sector-post-text a {
	font-family: 'Gilroy-Light';
   font-size: 35px;
   font-size: 1.7vw;
   line-height: 45px;
   line-height: 2.4vw;
}

.sector-post-text a {
	font-weight: 700;
	text-decoration: underline;
}

.sector-post-text a:hover {
	text-decoration: none;
}

.sector-quote-text p.sector-quote-copy {
	font-family: 'Gilroy-Heavy';
	font-size: 35px;
	font-size: 2.4vw;
	line-height: 40px;
	line-height: 2.8vw;
	color: #fff;
}

.sector-quote-text p.sector-quote-attribution {
	font-family: 'Gilroy-Light';
	font-size: 25px;
	font-size: 1.8vw;
	line-height: 40px;
	line-height: 2.8vw;
	color: #fff;
	padding-top: 20px;
}

.sector-video-panel, .image-video-panel {
	width: calc(100% - 40px);
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	height: 56.25vw;
   overflow: hidden;
}

.sector-video, .image-video {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    z-index: 0;
}

.sector-video iframe, .image-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.stat-tile-image {
	padding: 20px;
	text-align: center;
}

.stat-tile-content {
	padding: 0 20px 30px 20px;
	text-align: center;
}

.project-map-area {
	background: #EFEFEF;
	padding-top: 40px;
	padding-bottom: 40px;
	margin-top: 20px;
	margin-bottom: 40px;
}

.project-mapping {
	float: left;
	width: calc(48% - 20px);
	padding-left: 20px;
}

.project-map-content {
	float: right;
	width: 48%;
}

.project-map {
    min-height: 500px;
    height: auto;
    width: 100%;
    overflow: hidden;
    border: none;
    background: #77899a;
}

.bubble-text h3 {
	font-family: 'Gilroy-Heavy';
	font-size: 30px;
	line-height: 36px;
	color: #000;
}

.bubble-text p, .bubble-text a {
	font-family: 'Gilroy-Light';
	font-size: 24px;
	line-height: 28px;
	padding-top: 20px;
	color: #000;
}

.bubble-text a {
	text-decoration: none;
}

.bubble-text a:hover {
	text-decoration: underline;
}

.project-map-text {
	width: 80%;
}

.project-map-text h3 {
	font-family: 'Gilroy-Heavy';
	font-size: 35px;
	font-size: 2.5vw;
	line-height: 35px;
	font-size: 2.5vw;
	color: #000;
	padding-bottom: 30px;
}

.project-map-text p, .project-map-text a {
	font-family: 'Gilroy-Medium';
    font-size: 20px;
    font-size: 1.3vw;
    line-height: 25px;
    line-height: 1.5vw;
    color: #000;
    padding-bottom: 20px;
}

.statistics-text-panel {
	display: table; 
	width: calc(100% - 40px);
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	height: auto;
	overflow: hidden;
}

.sector-featured-project .statistics-text-panel {
	width: 100%;
	margin-left: 0;
	margin-right: 0;
}

.statistics-first-panel, .statistics-second-panel, .statistics-third-panel {
	display: table-cell;
	width: 33.33%;
	height: auto;
}

.statistics-first-panel-text, .statistics-second-panel-text, .statistics-third-panel-text {
	padding: 25px 20px 25px 20px;
	text-align: center;
}

.statistics-first-panel-text h3, .statistics-second-panel-text h3, .statistics-third-panel-text h3 {
	font-family: 'Gilroy-Heavy';
	font-size: 40px;
	font-size: 2.55vw;
	line-height: 50px;
	line-height: 2.8vw;
	color: #fff;
	padding-bottom: 20px;
}

.statistics-first-panel-text p, .statistics-second-panel-text p, .statistics-third-panel-text p {
	font-family: 'Gilroy-light';
	font-size: 25px;
	font-size: 1.4vw;
	line-height: 30px;
	line-height: 1.8vw;
	color: #fff;
}

.project-post-text {
	float: left;
	width: 48%;
}

.project-post-quote {
	float: right;
	width: 48%;
}

.project-post-text h2 {
	font-family: 'Gilroy-Heavy';
	font-size: 35px;
	font-size: 2.4vw;
	line-height: 35px;
	line-height: 2.4vw;
	padding-bottom: 20px;
}

.project-post-text p, .project-post-text a {
	font-family: 'Gilroy-Medium';
	font-size: 20px;
	font-size: 1.4vw;
	line-height: 30px;
	line-height: 1.95vw;
	color: #000;
	padding-bottom: 20px;
}

.project-post-text a {
	font-weight: 700;
	text-decoration: underline;
}

.project-post-text a:hover {
	text-decoration: none;
}

.project-post-text ul {
	list-style: disc;
	margin-left: 40px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.project-post-text ol {
	list-style: decimal;
	margin-left: 40px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.project-post-text li {
	font-family: 'Gilroy-Medium';
	font-size: 20px;
	font-size: 1.5vw;
	line-height: 30px;
	line-height: 1.95vw;
	color: #000;
	padding-bottom: 10px;
}

.project-panel {
	width: calc(100% - 40px);
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	height: auto;
}

.project-panel-image {
	float: left;
	width: 70%;
	height: auto;
}

.project-panel-content {
	float: right;
	width: 30%;
	height: auto;
}

.project-panel-text {
	padding: 25px 20px 25px 20px;
	text-align: center;
}

.project-panel-quote-text {
	padding: 30px;
	text-align: left;
}

.project-panel-text h3,.project-panel-quote-text h3 {
	font-family: 'Gilroy-Heavy';
	font-size: 35px;
	font-size: 2.4vw;
	line-height: 30px;
	line-height: 2.8vw;
	color: #fff;
	padding-bottom: 20px;
}

.project-panel-text p, .project-panel-quote-text p {
	font-family: 'Gilroy-Light';
	font-size: 20px;
	font-size: 1.2vw;
	line-height: 30px;
	line-height: 1.95vw;
	color: #fff;
	padding-bottom: 20px;
}

.project-how-panel, .project-why-panel, .project-impact-panel {
	width: calc(100% - 90px);
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 25px;
	height: auto;
}

.project-why-panel, .project-impact-panel {
	margin-top: 0;
}

.project-how-panel-content h2, .project-impact-panel-content h2 {
	font-family: 'Gilroy-Heavy';
	font-size: 35px;
	font-size: 2.4vw;
	line-height: 30px;
	line-height: 2.8vw;
	padding-bottom: 10px;
}

.project-how-panel-content p.how-panel-intro, .project-how-panel-text p, .project-how-panel-text a, .project-how-panel-text li {
	font-family: 'Gilroy-Medium';
	font-size: 20px;
	font-size: 1.4vw;
	line-height: 30px;
	line-height: 1.95vw;
	color: #000;
	padding-bottom: 20px;
}

.project-how-panel-text ul li, .project-impact-panel-text ul li {
	list-style: disc;
	margin-left: 20px;
}

.project-how-panel-text ol li, .project-impact-panel-text ul ol {
	list-style: decimal;
	margin-left: 20px;
}

.project-how-panel-text a, .project-impact-panel-text a {
	font-weight: 700;
	text-decoration: underline;
}

.project-how-panel-text a:hover, .project-impact-panel-text a:hover {
	text-decoration: none;
}

.content-first-col {
	float: left;
	width: 45%;
	height: auto;
	margin-right: 5%;
}

.content-second-col {
	float: left;
	width: 40%;
	height: auto;
	margin-left: 3%;
}

.project-impact-panel-text {
	width: 100%;
	height: auto;
	margin-bottom: 30px;
}

.project-impact-panel-text h2, .project-impact-panel-text p, .project-impact-panel-text a, .project-impact-panel-text li {
	color: #fff;
}

.project-impact-panel-text p, .project-impact-panel-text a {
	font-weight: 300;
	font-size: 22px;
   font-size: 1.3vw;
   line-height: 28px;
   line-height: 1.5vw;
   padding-bottom: 30px;
}

.project-impact-panel-text li {
	font-weight: 300;
	font-size: 22px;
   font-size: 1.3vw;
   line-height: 28px;
   line-height: 1.5vw;
   padding-bottom: 30px;
}

.project-impact-panel-text ul li {
	list-style: disc;
	margin-left: 20px;
}

.project-impact-panel-text ol li {
	list-style: disc;
	margin-left: 20px;
}

.project-why-panel-text {
	float: left;
	width: 48%;
	height: auto;
	margin-bottom: 30px;
}

.project-why-panel-quote {
	float: right;
	width: 30%;
	height: auto;
}

.project-why-panel-image {
	float: right;
	width: 48%;
	height: auto;
	margin-bottom: 30px;
}

.project-why-panel-content h2 {
	font-family: 'Gilroy-Heavy';
	font-size: 35px;
	font-size: 2.4vw;
	line-height: 30px;
	line-height: 2.8vw;
	color: #fff;
	padding-bottom: 20px;
}

.project-why-panel-text p, .project-why-panel-text a, .project-why-panel-text li {
	font-family: 'Gilroy-Light';
	font-size: 20px;
	font-size: 1.4vw;
	line-height: 30px;
	line-height: 1.95vw;
	color: #fff;
	padding-bottom: 20px;
}

.project-why-panel-text ul li {
	list-style: disc;
	margin-left: 20px;
}

.project-why-panel-text ol li {
	list-style: decimal;
	margin-left: 20px;
}

.project-why-panel-text a {
	font-weight: 700;
	text-decoration: underline;
}

.project-why-panel-text a:hover {
	text-decoration: none;
}

.project-why-panel-quote p {
	font-family: 'Gilroy-Heavy';
	font-size: 40px;
	font-size: 2.4vw;
	line-height: 50px;
	line-height: 2.8vw;
	color: #fff;
	padding-bottom: 20px;
}

.publication-tag-filters, .resources-tag-filters, .news-tag-filters {
	width: calc(100% - 40px);
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	height: auto;
}

.publication-tag-filters li a, .resources-tag-filters li a, .news-tag-filters li a {
	display: inline-block;
	float: left;
	width: auto;
	min-width: 100px;
	height: 30px;
	margin-right: 10px;
	padding: 10px 30px 10px 30px;
	text-align: center;
	color: #fff;
	border: 1px solid #fff;
	text-decoration: none;
	font-family: 'Gilroy-Heavy';
	font-size: 35px;
	font-size: 1.5vw;
	line-height: 30px;
}

.news-post-content-text, .news-post-content-title, .jobs-post-content {
	float: left;
	width: 60%;
	height: auto;
}

.news-quote {
	float: left;
	width: 30%;
	height: auto;
	margin-left: 5%;
}


.jobs-post-content-text h2 {
	font-family: 'Gilroy-Heavy';
	font-size: 35px;
	font-size: 2.2vw;
	line-height: 35px;
	line-height: 2.2vw;
	padding-bottom: 20px;
}

.jobs-post-content-text h3 {
	font-family: 'Gilroy-Heavy';
	font-size: 35px;
	font-size: 1.8vw;
	line-height: 30px;
	line-height: 2vw;
	padding-bottom: 20px;
}

.content .jobs-post-content-details p, .content .jobs-post-content-details a {
	font-family: 'Gilroy-Medium';
	font-size: 20px;
	font-size: 1.1vw;
	line-height: 25px;
	line-height: 1.5vw;
	color: #000;
	padding-bottom: 10px;
}

.news-post-content-text p, .jobs-post-content-text p, .jobs-post-content-text a, .jobs-post-content-text li {
	font-family: 'Gilroy-Medium';
	font-size: 20px;
	font-size: 1.1vw;
	line-height: 30px;
	line-height: 1.95vw;
	color: #000;
	padding-bottom: 20px;
}

.jobs-post-content-text ul li {
	list-style: disc;
	margin-left: 20px;
}

.jobs-post-content-text ol li {
	list-style: decimal;
	margin-left: 20px;
}

.jobs-post-content-text a, .jobs-detail-value a {
	font-weight: 700;
	text-decoration: underline;
}

.jobs-post-content-text a:hover, .jobs-detail-value a:hover {
	text-decoration: none;
}

.jobs-post-content-details {
	margin-bottom: 20px;
}

.jobs-detail-label {
	float: left;
	width: 25%;
	margin-bottom: 20px;
}

.jobs-detail-value {
	float: left;
	width: 40%;
	margin-left: 5%;
	margin-bottom: 20px;
}

.jobs-detail-label p {
	font-weight: 700;
}

.news-quote p {
	font-family: 'Gilroy-Heavy';
	font-size: 40px;
	font-size: 2.4vw;
	line-height: 65px;
	line-height: 2.8vw;
	color: #000;
}

.news-content-gallery {
	width: calc(100% - 40px);
	margin-left: 20px;
	margin-right: 20px;
	height: auto;
}

.gallery-slide, .gallery-slide img {
	width: 100%;
	height: auto;
}

.share-panel {
	display: none;
    position: relative;
    width: 100%;
    height: 0;
    padding: 5px;
	 text-align: left;
}

.partners-text {
	width: 70%;
}

.partners-logos {
	width: 80%;
	margin-left: 10%;
}

.partners-grid {
  width: 100%;
  height: auto;
}

.partners-grid-list {
  display: grid;
  overflow: hidden;
  grid-template-columns: repeat(4, 1fr);
  /*grid-auto-rows: 1fr;*/
  grid-column-gap: 1.5%;
  grid-row-gap: 10px;
}

.partners-grid-image a:hover {
    filter: brightness(85%);
}

.stat-tile-grid-posts {
	display: grid;
  overflow: hidden;
  grid-template-columns: repeat(3, 1fr);
  /*grid-auto-rows: 1fr;*/
  grid-column-gap: 0;
  grid-row-gap: 20px;
}

.stat-tile-image {
	display: inline-block;
	width: 80%;
	margin-left: 8%;
	text-align: center;
}

.stat-tile-image img {
	display: inline-block;
	max-width: 400px;
}

p.stat-tile-statment, .stat-tile-descriptor {
	font-family: 'Gilroy-Heavy';
	font-size: 30px;
	font-size: 2vw;
	line-height: 30px;
	font-size: 2vw;
	color: #fff;
	padding-bottom: 30px;
}

p.stat-tile-stat {
	font-family: 'Gilroy-Heavy';
	font-size: 80px;
	font-size: 3.2vw;
	line-height: 90px;
	line-height: 3.6vw;
	color: #fff;
}

.stat-tile-supplementary {
	width: 70%;
	margin-left: 15%;
}

.stat-tile-supplementary p{
	font-family: 'Gilroy-Medium';
    font-size: 16px;
    font-size: 1.1vw;
    line-height: 22px;
    line-height: 1.3vw;
    color: #fff;
    padding-bottom: 20px;
}


.contact-content {
	padding-bottom: 0;
}

.contact-details, .contact-map-panel {
	width: calc(100% - 90px);
	margin-left: 20px;
	margin-right: 20px;
	padding: 25px;
	height: auto;
}

.contact-first-col, .contact-second-col, .contact-third-col {
	float: left;
	width: 25%;
	height: auto;
	margin-right: 5%;
}

.contact-details h3 {
	font-family: 'Gilroy-Black';
	font-size: 20px;
	font-size: 1vw;
	line-height: 25px;
	line-height: 1.1vw;
	color: #000;
}

.contact-details h3.useful-contacts-second-col {
	padding-bottom: 20px;
}

.contact-details h3.useful-contacts-third-col {
	padding-top: 30px;
}

.contact-details p, .contact-details a {
	font-family: 'Gilroy-Regular';
	font-size: 20px;
	font-size: 1vw;
	line-height: 25px;
	line-height: 1.1vw;
	color: #000;
	padding-bottom: 20px;
}

.contact-map {
	position: relative;
	min-height: 400px;
}

.contact-map-panel h2 {
	font-family: 'Gilroy-Heavy';
	font-size: 35px;
	font-size: 2.25vw;
	line-height: 35px;
	line-height: 2.25vw;
	color: #000;
	padding-bottom: 25px;
}

.contact-map iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

th {
	 background: #8cbee2;
	 font-weight: 300;
    font-size: 22px;
    font-size: 1.3vw;
    line-height: 28px;
    line-height: 1.5vw;
    color: #000;
	 padding: 10px 0 10px 0;
}

table, td {
	padding: 5px;
}



.search-results {
	margin-top: 40px;
}

.search-results h2 {
    font-size: 60px;
    font-size: 2.58vw;
    line-height: 65px;
    line-height: 2.7vw;
    padding-bottom: 25px;
}

.search-results ul {
	padding-top: 30px;
}

.search-results li {
	list-style: none;
	margin-left: 0;
	padding-bottom: 30px;
}

.search-results h3, .search-results h3 a {
	 font-family: 'Gilroy-Heavy';
    font-size: 35px;
    font-size: 2vw;
    line-height: 35px;
    line-height: 2vw;
	padding-bottom: 10px;
	color: #7e9e9f;
}

.search-results h3 a {
	text-decoration: none;
}

.search-results a, .search-results p {
	font-family: 'Gilroy-Medium';
    font-size: 20px;
    font-size: 1.2vw;
    line-height: 35px;
    line-height: 2vw;
}

.search-results a {
	color: #7e9e9f;
}

.search-results h4 {
	 font-family: 'Gilroy-Medium';
    font-size: 18px;
    font-size: 1vw;
    line-height: 24px;
    line-height: 1.6vw;
	color: #999;
}

.search-no-results {
	min-height: 400px;
}

.pagination {
	margin-top: 20px;
	margin-bottom: 50px;
}

.page-numbers, a.page-numbers {
	display: inline-block;
	padding: 10px 20px 10px 20px;
	font-size: 16px;
	line-height: 22px;
   color: #7e9e9f;
   text-decoration: none;
	border: 1px solid #7e9e9f;
	margin-right: 10px;
}

a.page-numbers:hover, .page-numbers.current {
	background: #7e9e9f;
	color: #fff;
}




.footer {
	margin-bottom: 20px;
	width: calc(100% - 90px);
	margin-left: 20px;
	margin-right: 20px;
	padding: 25px;
	height: auto;
	min-height: 130px;
	background: #000;
}

.footer-logo {
	float: left;
	width: 8%;
	height: auto;
	margin-right: 8%;
}

.footer-first-menu, .footer-second-menu {
	float: left;
	width: 10%;
	height: auto;
}

.footer-first-menu a, .footer-second-menu a, .footer-legal p, .footer-legal a  {
	font-family: 'Gilroy-Light';
	font-weight: 300;
	font-size: 15px;
	font-size: 1vw;
	line-height: 22px;
	line-height: 1.4vw;
	color: #fff;
}

.footer-social {
	float: right;
	width: 12%;
	height: auto;
}

.footer-legal {
	margin-top: 30px;
}


/*
Navigation
---------------------------------------
*/

.main-nav-menu {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	width: calc(100vw - 50px);
	height: calc(100vh - 50px);
	padding-bottom: 25px;
	background: #fff;
	z-index: 101;
}

.main-nav-menu-inner {
	width: 100%;
	height: 100%;
	background: #899C9E;
	z-index: 101;
	overflow: auto;
}

.main-nav-menu-list {
	float: left;
	width: 50%;
	height: 100%;
}

.main-nav-menu-contact {
	float: right;
	width: 50%;
	height: 100%;
	background: #606060;
}

.main-nav-menu-contact-details {
	padding: 20px;
}

.main-nav-menu-contact-details h3 {
	font-family: 'Gilroy-Heavy';
	font-size: 20px;
	font-size: 1.4vw;
	line-height: 20px;
	line-height: 1.4vw;
	color: #fff;
}

.nav-map-panel {
    position: relative;
	 margin-top: 25px;
    min-height: 200px;
}

.nav-map iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.nav-contact-details {
	margin-top: 20px;
}

.nav-contact-first-col {
	float: left;
	width: 45%;
	height: auto;
	margin-right: 5%;
}

.nav-contact-second-col {
	float: left;
	width: 45%;
	height: auto;
}

.nav-contact-first-col h3, .nav-contact-second-col h3 {
	padding-bottom: 25px;
}

.nav-contact-details h4 {
	font-family: 'Gilroy-Bold';
	font-size: 18px;
	font-size: 1.1vw;
	line-height: 20px;
	line-height: 1.4vw;
	color: #fff;
}

.nav-contact-details p, .nav-contact-details a {
	font-family: 'Gilroy-Light';
	font-size: 18px;
	font-size: 1.1vw;
	line-height: 20px;
	line-height: 1.4vw;
	color: #fff;
}

.menu-close {
	display: none;
	position: absolute;
	top: 10px;
	right: -5%;
	width: 10%;
	height: 10%;
  cursor: pointer;
  z-index: 102;
}

.menu-close a {
	font-size: 38px;
	line-height: 44px;
	color: #fff;
}

.main-nav-menu ul {
	margin-top: 25px;
}

.main-nav-menu li {
	margin-left: 20px;
}

.main-nav-menu li a {
	font-family: 'Gilroy-Heavy';
	font-size: 78px;
	font-size: 3.3vw;
	line-height: 102px;
	line-height: 4.3vw;
	color: #fff;
	padding-bottom: 5px;
}

.main-nav-menu li a:hover {
	color: #606060;
}


/*
Forms
---------------------------------------
*/


.signup-form {
	padding-top: 20px;
	padding-bottom: 20px;
}

.signup-form h3 {
    font-family: 'Gilroy-Heavy';
    font-size: 40px;
    font-size: 2.6vw;
    line-height: 45px;
    line-height: 3vw;
    color: #000;
    padding-bottom: 20px;
}

.signup-form input[type="email"] {
	float: left;
	width: calc(91% - 22px);
	height: 30px;
	margin-right: 1%;
	margin-bottom: 20px;
	padding: 20px 10px 10px 10px;
	border: 1px solid #3B3B3B;
   outline: none;
	background: #fff;
}

.signup-form input[type="text"] {
	float: left;
	width: calc(45% - 22px);
	height: 30px;
	margin-right: 1%;
	margin-bottom: 20px;
	padding: 20px 10px 10px 10px;
	border: 1px solid #3B3B3B;
   outline: none;
	background: #fff;
}

.signup-form input[type="submit"] {
    display: inline-block;
    padding: 10px;
    width: calc(93% - 22px);
    border: 1px solid #fff;
    font-family: 'Gilroy-Heavy';
    font-size: 40px;
	 font-size: 1.9vw;
    line-height: 40px;
    color: #fff;
	 margin-bottom: 20px;
	 background: transparent;
    text-align: center;
	 cursor: pointer;
}

.signup-form input[type="submit"]:hover {
	background: #fff;
	color: #FFB52B;
}

.header-search {
	margin-bottom: 10px;
}

.header-search input[type="text"] {
	width: 76%;
	height: 35px;
	padding: 5px;
	border: 1px solid #fff;
   outline: none;
	border-radius: 20px;
}

.header-search input[type="submit"] {
    display: inline-block;
    padding: 5px;
    width: 50px;
	 height: auto;
	 margin-left: -58px;
    border: 0;
	 background: #fff;
	 font-family: 'Gilroy-Heavy';
	 font-weight: 700;
	 font-size: 20px;
	 line-height: 30px;
    color: #3B3B3B;
    text-align: center;
	 cursor: pointer;
	 border-radius: 20px;
}


::-webkit-input-placeholder {
	font-family: 'Gilroy-Heavy';
	font-weight: 700;
	font-size: 20px;
	line-height: 50px;
   color: #3B3B3B;
	padding: 5px;
}

:-moz-placeholder { 
	font-family: 'Gilroy-Heavy';
	font-weight: 700;
	font-size: 20px;
	line-height: 50px;
   color: #3B3B3B;
	padding: 5px;
}

::-moz-placeholder { 
	font-family: 'Gilroy-Heavy';
	font-weight: 700;
	font-size: 20px;
	line-height: 50px;
   color: #3B3B3B;
	padding: 5px;
}

:-ms-input-placeholder {  
	font-family: 'Gilroy-Heavy';
	font-weight: 700;
	font-size: 20px;
	line-height: 50px;
   color: #3B3B3B;
	padding: 5px;
}


.header-search ::-webkit-input-placeholder {
	font-family: 'Gilroy-regular';
	font-weight: 400;
	font-size: 20px;
	line-height: 50px;
   color: #999;
	padding: 5px;
}

.header-search :-moz-placeholder { 
	font-family: 'Gilroy-regular';
	font-weight: 400;
	font-size: 20px;
	line-height: 50px;
   color: #999;
	padding: 5px;
}

.header-search ::-moz-placeholder { 
	font-family: 'Gilroy-regular';
	font-weight: 400;
	font-size: 20px;
	line-height: 50px;
   color: #999;
	padding: 5px;
}

.header-search :-ms-input-placeholder {  
	font-family: 'Gilroy-regular';
	font-weight: 400;
	font-size: 20px;
	line-height: 50px;
   color: #999;
	padding: 5px;
}




/*
Animations
---------------------------------------
*/

.bounce {
	-webkit-animation-name: bounce;
	-moz-animation-name: bounce;
	-o-animation-name: bounce;
	animation-name: bounce;
}
.animated{-webkit-animation-fill-mode:both;
-moz-animation-fill-mode:both;
-ms-animation-fill-mode:both;
-o-animation-fill-mode:both;

            animation-iteration-count: infinite;
       -moz-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;

animation-fill-mode:both;
-webkit-animation-duration:2s;
-moz-animation-duration:2s;
-ms-animation-duration:2s;
-o-animation-duration:2s;
animation-duration:2s;
}


@-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}	40% {-webkit-transform: translateY(-30px);}
	60% {-webkit-transform: translateY(-15px);}
}

@-moz-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
	40% {-moz-transform: translateY(-30px);}
	60% {-moz-transform: translateY(-15px);}
}

@-o-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
	40% {-o-transform: translateY(-30px);}
	60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
	40% {transform: translateY(-30px);}
	60% {transform: translateY(-15px);}
}


/*
Responsive
---------------------------------------
*/

@media only screen and (min-device-width: 1250px), screen and (min-width: 1250px) {

.menu-icon {
	height: auto;
	min-height: 75px;
}

.menu-icon img {
	min-height: 75px;
}
	
}


@media only screen and (max-device-width: 1900px), screen and (max-width: 1900px) {

/* Forms */

.signup-form input[type="submit"] {
    width: calc(32.3% - 22px);
    font-size: 40px;
	 font-size: 2vw;
    line-height: 40px;
}
	
}


@media only screen and (min-device-width: 1800px), screen and (min-width:1800px){ 

.menu-icon {
    width: 3.5%;
}

.homepage-hero {
    max-height: 900px;
    overflow: hidden;
}

.homepage-hero img {
    max-height: 900px;
}

.homepage-hero-arrow {
    width: 50px;
    height: 50px;
    max-height: 50px;
}

.carousel-prev, .carousel-next {
    top: calc(50% - 35px);
    width: 70px;
    height: 70px;
}

.partner-carousel {
    min-height: 200px;
}

.partner-logos-wrapper {
    width: 100%;
    height: 220px;
}

.partner-logos-inner .partner-logo {
    width: auto;
    height: 160px;
}

.partner-logos-inner .slick-slide img {
    height: 160px;
}

p.stat-tile-statment, .stat-tile-descriptor {
	font-family: 'Gilroy-Heavy';
	font-size: 30px;
	line-height: 30px;
	color: #fff;
	padding-bottom: 30px;
}

p.stat-tile-stat {
	font-family: 'Gilroy-Heavy';
	font-size: 80px;
	line-height: 90px;
	color: #fff;
}

.stat-tile-supplementary {
	width: 70%;
	margin-left: 15%;
}

.stat-tile-supplementary p {
	font-family: 'Gilroy-Medium';
    font-size: 16px;
    line-height: 22px;
    color: #fff;
    padding-bottom: 20px;
}

/*.alternating-panel-content {
    min-height: 620px;
}*/

.nav-map-panel {
    min-height: 300px;
}

}


@media only screen and (min-device-width: 2000px), screen and (min-width:2000px){ 

.homepage-hero {
    max-height: 1050px;
    overflow: hidden;
}

.homepage-hero img {
    max-height: 1050px;
}

/*.alternating-panel-content {
    min-height: 820px;
}*/

}


@media only screen and (max-device-width: 1500px), screen and (max-width: 1500px) {

.news-grid-posts, .publications-grid-posts, .resources-grid-posts {
  grid-template-columns: repeat(3, 1fr);
}

.news-post-current-tag {
	font-size: 15px;
}

.news-grid-text p.news-post-date {
	font-size: 15px;
	line-height: 20px;
	padding-top: 12px;
	padding-bottom: 10px;
}

.content .jobs-post-content-details p, .content .jobs-post-content-details a, .news-post-content-text p, .jobs-post-content-text p, .jobs-post-content-text a, .jobs-post-content-text li {
	font-size: 20px;
	line-height: 25px;
}


/* Forms */

.signup-form input[type="submit"] {
    width: calc(32.5% - 22px);
    font-size: 40px;
	 font-size: 2vw;
    line-height: 40px;
}
	
}


@media only screen and (max-device-width: 1200px), screen and (max-width:1200px){ 

.header-social {
    display: none;
}

.menu-icon {
	width: 8%;
	height: auto;
	min-height: 40px;
}

.menu-icon img {
	min-height: 40px;
}

.statistics-panel-text {
    min-height: 100px;
}

.homepage-latest-projects-text p, .homepage-latest-projects-text a, .sector-latest-projects-text p, .sector-latest-projects-text a, .related-content-text p, .related-content-text a {
    font-size: 18px;
    line-height: 24px;
}

.team-ceo-text p {
    font-size: 20px;
    font-size: 1.4vw;
    line-height: 35px;
    line-height: 1.6vw;
}

.team-image-details p {
    font-size: 20px;
    font-size: 1.4vw;
    line-height: 25px;
    line-height: 1.6vw;
}

.alternating-panel-content, .alternating-panel-image {
    min-height: 340px;
}

.alternating-panel-text p {
    font-size: 20px;
    font-size: 1.4vw;
    line-height: 35px;
    line-height: 2.25vw;
}

.publication-tag-filters li a, .resources-tag-filters li a, .news-tag-filters li a {
    font-size: 35px;
    font-size: 1.8vw;
    line-height: 30px;
}

a.sector-button {
    font-size: 20px;
    font-size: 1.4vw;
    line-height: 30px;
    line-height: 1.95vw;
}

.project-panel-text p {
    font-size: 20px;
    font-size: 1.6vw;
    line-height: 30px;
    line-height: 1.95vw;
}

.project-how-panel-content p.how-panel-intro, .project-how-panel-text p, .project-why-panel-text p {
    font-size: 20px;
    font-size: 1.5vw;
    line-height: 30px;
    line-height: 1.95vw;
}

.news-grid-text h3 {
    font-size: 35px;
    font-size: 2.2vw;
    line-height: 35px;
    line-height: 2.2vw;
}

.news-grid-text p.news-post-author {
    font-size: 20px;
    font-size: 1.4vw;
    line-height: 30px;
    line-height: 1.6vw;
}

.news-grid-text p.news-post-date {
    font-size: 15px;
    font-size: 1.1vw;
    line-height: 20px;
    line-height: 1.2vw;
}

.news-grid-text p {
    font-size: 20px;
    font-size: 1.4vw;
    line-height: 30px;
    line-height: 2vw;
}

a.action-button, a.project-button {
    font-size: 35px;
    font-size: 1.8vw;
    line-height: 30px;
}

.news-post-content h2 {
    font-size: 35px;
    font-size: 2.6vw;
    line-height: 35px;
    line-height: 2.8vw;
}

.news-post-content-text p {
    font-size: 20px;
    font-size: 1.6vw;
    line-height: 30px;
    line-height: 2.2vw;
}

.carousel-prev, .carousel-next {
    display: none;
}

.content p, .content a, .contact-details h3 {
    font-size: 20px;
    font-size: 1.6vw;
    line-height: 25px;
    line-height: 2vw;
}

.contact-details p, .contact-details a {
    font-size: 20px;
    font-size: 1.4vw;
    line-height: 25px;
    line-height: 2vw;
}

.sectors-grid-posts  {
    grid-template-columns: repeat(1, 1fr);
}

.news-grid-text h3, .publications-grid-text h3, .resources-grid-text h3, .sectors-grid-text h3, .opportunities-grid-text h3 {
    font-size: 35px;
    line-height: 35px;
    padding-bottom: 15px;
}

.news-grid-text p, .publications-grid-text p, .resources-grid-text p, .sectors-grid-text p, .opportunities-grid-text p {
    font-size: 20px;
    line-height: 30px;
    padding-bottom: 20px;
}

.sector-featured-project-content {
    float: none;
    width: 100%;
	 margin-bottom: 20px;
}

.sector-featured-project-image {
    float: none;
    width: calc(100% - 20px);
	 padding-right: 20px;
}

.sector-quote-panel-image {
    float: none;
    width: calc(100% - 20px);
	 padding-right: 20px;
}

.sector-quote-panel-content {
	float: none;
   width: calc(100% - 20px);
	margin-right: 20px;
}

.project-post-text, .project-post-quote {
    float: none;
    width: 100%;
}

.content-first-col {
    float: none;
    width: 100%;
    height: auto;
    margin-right: 0;
}

.content-second-col {
    float: none;
    width: 100%;
    height: auto;
}

.project-why-panel-text, .project-why-panel-image  {
    float: none;
    width: 100%;
}

.sticky-hero, .sticky-posts {
    float: none;
    width: 100%;
    height: auto;
	 margin-top: 20px;
}

.sharing-button a, .news-post-current-tag, .publications-post-current-tag, .resources-post-current-tag {
    font-size: 18px;
    line-height: 30px;
}

.news-grid-text p.news-post-date, .publications-grid-text p.publications-post-date, .resources-grid-text p.resources-post-date, .opportunities-grid-text p.opportunities-post-date {
    font-size: 18px;
    line-height: 22px;
    padding-top: 12px;
    padding-bottom: 10px;
}

.news-post-content-text, .news-post-content-title, .jobs-post-content {
    float: none;
    width: 100%;
    height: auto;
}

.jobs-post-content-text {
	width: calc(95% - 40px);
	margin-right: 40px;
}

.jobs-post-content-text h3 {
    font-size: 35px;
    line-height: 40px;
}

.content .jobs-post-content-details p, .content .jobs-post-content-details a, .news-post-content-text p, .jobs-post-content-text p, .jobs-post-content-text a, .jobs-post-content-text li {
    font-size: 20px;
    line-height: 30px;
}

.news-grid-posts, .publications-grid-posts, .resources-grid-posts, .opportunities-grid-posts {
    grid-template-columns: repeat(2, 1fr);
}

.stat-tile-grid-posts  {
    grid-template-columns: repeat(2, 1fr);
}

p.stat-tile-statment, .stat-tile-descriptor {
    font-size: 30px;
    line-height: 30px;
}

p.stat-tile-stat {
    font-size: 60px;
    line-height: 80px;
}

.stat-tile-supplementary p {
    font-size: 16px;
    line-height: 22px;
}

.project-mapping {
    float: none;
    width: calc(100% - 40px);
    padding-left: 20px;
	 padding-right: 20px;
}

.project-map-content {
    float: none;
    width: calc(100% - 40px);
    padding-left: 20px;
	 padding-right: 20px;
	 margin-top: 20px;
}

.project-map-text h3 {
    font-size: 35px;
    line-height: 35px;
}

.project-map-text p, .project-map-text a {
    font-size: 20px;
    line-height: 25px;
}

.mailing-list-form {
    float: none;
    width: 100%;
    min-height: 450px;
}

.mailing-list-quote {
    float: none;
    width: calc(100% - 80px);
    min-height: 300px;
    padding-bottom: 50px;
    margin-right: 20px;
	 margin-left: 20px;
	 padding: 20px;
}

.header-search {
	margin-left: 20px;
}

.search-results h3, .search-results h3 a {
    font-size: 35px;
    line-height: 40px;
    padding-bottom: 10px;
}

.search-results h4 {
    font-size: 18px;
    line-height: 24px;
}

.footer-first-menu, .footer-second-menu {
    width: 15%;
}

.footer-first-menu a, .footer-second-menu a {
    font-size: 14px;
    line-height: 22px;
}

.footer-legal p, .footer-legal a {
	font-size: 12px;
   line-height: 18px;
}

.footer-social {
    width: 28%;
}


/* Navigation */

.main-nav-menu {
    width: calc(100vw - 40px);
    height: calc(100vh - 50px);
    padding-bottom: 25px;
}

.main-nav-menu-contact-details h3 {
    font-size: 20px;
    font-size: 1.6vw;
    line-height: 20px;
    line-height: 1.6vw;
}

.nav-contact-details p, .nav-contact-details a {
    font-size: 18px;
    font-size: 1.2vw;
    line-height: 20px;
    line-height: 1.5vw;
}

.nav-contact-details h4 {
    font-size: 18px;
    font-size: 1.2vw;
    line-height: 20px;
    line-height: 1.5vw;
}


/* Forms */

.signup-form h3 {
    font-family: 'Gilroy-Heavy';
    font-size: 30px;
    line-height: 35px;
}

.signup-form input[type="text"], .signup-form input[type="email"] {
	float: none;
	width: calc(100% - 22px);
	height: 30px;
	margin-right: 1%;
	margin-bottom: 20px;
	padding: 20px 10px 10px 10px;
	border: 1px solid #3B3B3B;
   outline: none;
	background: #fff;
}

.signup-form input[type="submit"] {
    width: 100%;
    font-size: 30px;
    line-height: 40px;
}


}


@media only screen and (orientation: landscape) and (max-device-width: 1100px){ 

html, body {
    overflow-x: hidden;
}

.masthead {
    position: relative;
    width: calc(100% - 40px);
    height: 100px;
    padding: 0 20px 0 20px;
    background: #fff;
    z-index: 9;
}

.logo {
    position: absolute;
    top: 0;
    left: 20px;
    width: 20%;
    height: auto;
    max-height: 70px;
    filter: invert(1);
}

.menu-icon {
    position: absolute;
    top: 0;
    right: 45px;
    width: 8%;
    height: auto;
    filter: invert(1);
}

.header-social {
    display: none;
}

.homepage-hero-text {
    width: calc(100% - 50px);
    padding: 20px 25px 0 25px;
    margin-top: 5%;
}

.homepage-hero-inner {
    width: 100%;
	 padding-bottom: 5%;
}

.homepage-hero-text p {
    font-size: 30px;
    line-height: 35px;
}

.homepage-hero-content, .homepage-hero-image {
    float: none;
    width: 100%;
}

.homepage-hero-projects {
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
}

.homepage-hero {
    max-height: 2000px;
}

.homepage-hero-project-one h3, .homepage-hero-project-two h3, .homepage-hero-project-three h3, .homepage-hero-project-four h3 {
    font-size: 28px;
    line-height: 45px;
    padding: 20px 0 25px 20px;
}

.hero-sector-arrow {
    top: 15%;
    right: 2.5%;
}

.homepage-hero img {
	height: 700px;
    max-height: 2000px;
}

.homepage-hero img.hero-sector-arrow {
    height: auto;
    max-height: 50px;
}

p.homepage-hero-quote-text, .page-hero-quote p {
    font-size: 30px;
    line-height: 35px;
}

.home-featured-project-text, .sector-featured-project-text {
    width: 100%;
}

.home-featured-project, .sector-featured-project {
    margin-top: 0;
	 margin-bottom: 0;
    padding: 25px;
}

.home-featured-project h2, .sector-featured-project h2, .home-featured-project p, .sector-featured-project p,
.home-featured-project a, .sector-featured-project a {
    font-size: 35px;
    font-size: 2.4vw;
    line-height: 45px;
    line-height: 2.8vw;
}

.page-hero-quote p {
    font-size: 16px;
    line-height: 25px;
}

.statistics-panel-first-image, .statistics-panel-second-image {
    display: none;
}

.statistics-panel-content {
    width: 100%;
    height: auto;
}

.statistics-panel-text {
    min-height: 20px;
}

.statistics-panel-text h2 {
    font-size: 60px;
    font-size: 3vw;
    line-height: 65px;
    line-height: 3.5vw;
}

.statistics-panel-text p {
    font-size: 18px;
    line-height: 20px;
}

.statistics-first-panel-text p, .statistics-second-panel-text p, .statistics-third-panel-text p {
    font-size: 18px;
    line-height: 20px;
}

.join-team-copy {
    width: 95%;
}

.join-team-text h2, .join-team-quote p, .random-quote-text p, .random-quote-attribution p {
    font-size: 60px;
    font-size: 3vw;
    line-height: 65px;
    line-height: 3.5vw;
}

.join-team-text p {
    font-size: 40px;
    font-size: 2.2vw;
    line-height: 45px;
    line-height: 2.6vw;
}

.join-team-button a {
    font-size: 40px;
    font-size: 2.2vw;
    line-height: 45px;
    line-height: 2.6vw;
}

.partner-carousel h2 {
    font-size: 40px;
    font-size: 2.8vw;
    line-height: 45px;
    line-height: 3.2vw;
}

.team-ceo-text h3 {
    font-size: 35px;
    font-size: 3vw;
    line-height: 35px;
    line-height: 3.2vw;
}

.team-ceo-text p {
    font-size: 20px;
    font-size: 2vw;
    line-height: 35px;
    line-height: 2.2vw;
}

.team-ceo-quote {
    float: none;
    width: 100%;
}

.team-ceo-quote p {
    font-size: 40px;
    font-size: 3.2vw;
    line-height: 45px;
    line-height: 3.6vw;
}

.team-grid h2, .boarmembers-list h2 {
    font-size: 40px;
    font-size: 3.2vw;
    line-height: 45px;
    line-height: 3.6vw;
}

.team-image-details h3 {
    font-size: 35px;
    font-size: 3.4vw;
    line-height: 30px;
    line-height: 3.6vw;
}

.team-image-details p {
    font-size: 20px;
    font-size: 2.2vw;
    line-height: 25px;
    line-height: 2.6vw;
}

.team-biography p, .team-text p {
    font-size: 20px;
    font-size: 2.2vw;
    line-height: 35px;
    line-height: 2.6vw;
}

.team-quote {
    width: 45%;
    margin-left: 5%;
}

.team-quote p {
    font-size: 40px;
    font-size: 3.4vw;
    line-height: 45px;
    line-height: 3.6vw;
}

.close-bio {
    font-size: 60px;
    font-size: 3.8vw;
    line-height: 65px;
    line-height: 4vw;
}

.boarmembers-list li {
    font-size: 35px;
    font-size: 2.4vw;
    line-height: 45px;
    line-height: 3.4vw;
	 padding-bottom: 5px;
}

.sectors .alternating-panels li {
    display: block;
    height: auto;
	 min-height: 460px;
}

.publications .alternating-panels li {
    display: block;
    height: auto;
	 min-height: 520px;
}

.resources .alternating-panels li {
    display: block;
    height: auto;
	 min-height: 560px;
}

.alternating-panel-text {
    margin-top: 0;
    width: 80%;
    margin-left: 5%;
}

.alternating-panel-text p {
    font-size: 20px;
	 font-size: 2.2vw;
    line-height: 30px;
	 line-height: 2.6vw;
    padding-bottom: 20px;
}

.alternating-panel-text h3 {
    font-size: 35px;
    font-size: 3vw;
    line-height: 35px;
    line-height: 3.2vw;
}

a.sector-button {
    display: inline-block;
    min-width: 100px;
    font-size: 20px;
    font-size: 3vw;
    line-height: 30px;
    line-height: 3.6vw;
    text-align: center;
    margin-bottom: 20px;
}

.sector-post-text h2 {
    font-size: 35px;
    font-size: 3vw;
    line-height: 35px;
    font-size: 3vw;
    padding-bottom: 0;
}

.content p, .content a, .contact-details h3 {
    font-size: 20px;
    font-size: 2.2vw;
    line-height: 25px;
    line-height: 3vw;
}

.sector-quote-text p.sector-quote-copy {
    font-size: 35px;
    font-size: 2.8vw;
    line-height: 40px;
    line-height: 3vw;
}

.project-post-text {
    width: 100%;
}

.project-panel-text h3 {
    font-size: 35px;
    font-size: 2.6vw;
    line-height: 30px;
    line-height: 3vw;
}

.project-panel-text p {
    font-size: 20px;
    font-size: 2vw;
    line-height: 30px;
    line-height: 2.2vw;
}

.project-how-panel-content h2, .project-why-panel-content h2 {
    font-size: 35px;
    font-size: 3.2vw;
    line-height: 30px;
    line-height: 3.4vw;
}

.project-how-panel-content p.how-panel-intro, .project-how-panel-text p, .project-why-panel-text p {
    font-size: 20px;
    font-size: 2vw;
    line-height: 30px;
    line-height: 2.5vw;
}

.project-why-panel-quote p {
    font-size: 40px;
    font-size: 3.4vw;
    line-height: 50px;
    line-height: 3.8vw;
}

.publication-tag-filters li a, .resources-tag-filters li a, .news-tag-filters li a {
    margin-right: 2%;
	 margin-bottom: 15px;
    padding: 10px 30px 10px 30px;
}

.publication-tag-filters li a, .resources-tag-filters li a, .news-tag-filters li a, a.action-button, a.project-button {
    font-size: 35px;
    font-size: 3vw;
    line-height: 30px;
}

a.action-button, a.project-button {
    width: auto;
    min-width: 100px;
    height: 30px;
	 margin-bottom: 15px;
    padding: 10px 30px 10px 30px;
}

.alternating-panel-text p.publication-date {
    font-size: 16px;
    line-height: 20px;
    padding-top: 15px;
    padding-bottom: 0;
}

.partners-grid-list {
    grid-template-columns: repeat(3, 1fr);
}

.news-grid-posts {
    grid-template-columns: repeat(2, 1fr);
}

.news-grid-text h3 {
    font-size: 35px;
    font-size: 3vw;
    line-height: 35px;
    line-height: 3.2vw;
}

.news-grid-text p.news-post-author, .news-grid-text p {
    font-size: 20px;
    font-size: 2.2vw;
    line-height: 30px;
    line-height: 2.8vw;
}

.news-grid-text p.news-post-date {
    font-size: 15px;
    font-size: 1.8vw;
    line-height: 20px;
    line-height: 2vw;
}

.news-quote {
    width: 35%;
}

.news-quote p {
	 font-size: 30px;
    font-size: 3.4vw;
    line-height: 35px;
    line-height: 3.8vw;
}

.contact-first-col, .contact-second-col, .contact-third-col {
    float: left;
    width: 30%;
    height: auto;
    margin-right: 5%;
}

.carousel-prev, .carousel-next {
    display: none;
}

.contact-third-col {
	margin-right: 0;
}

.contact-details h3 {
    font-size: 20px;
    font-size: 2.6vw;
    line-height: 25px;
    line-height: 3.2vw;
}

.contact-details p, .contact-details a {
    font-size: 20px;
    font-size: 2vw;
    line-height: 25px;
    line-height: 2.4vw;
}

.contact-map-panel h2 {
    font-size: 35px;
    font-size: 3vw;
    line-height: 35px;
    line-height: 3.2vw;
}

.footer-logo {
    float: left;
    width: 25%;
    height: auto;
    margin-right: 5%;
}

.footer-first-menu, .footer-second-menu {
    float: left;
    width: 30%;
    height: auto;
	 margin-bottom: 20px;
}

.footer-social {
	 clear: both;
    float: none;
    width: 100%;
    height: auto;
	 margin-top: 20px;
}


/* Navigation */

.main-nav-menu {
    display: none;
    position: absolute;
    top: 90px;
    right: 0;
    width: auto;
    height: 620px;
	 padding-right: 20px;
    padding-bottom: 25px;
    background: #fff;
    z-index: 101;
}

.main-nav-menu-inner {
    width: calc(100vw - 40px);
    height: 100%;
    margin-right: 20px;
    margin-left: 20px;
    /*border-left: 20px solid #fff;
    border-right: 20px solid #fff;*/
}

.main-nav-menu-list {
    float: none;
    width: 100%;
    height: 100%;
	 background: #899C9E;
}

.main-nav-menu-contact, .menu-close {
    display: none;
}

.main-nav-menu li a {
    font-size: 38px;
    line-height: 56px;
    padding-bottom: 5px;
}

.mobile-menu-close {
	display: none;
   position: absolute;
   top: 0;
   right: 45px;
   width: 8%;
   height: auto;
}

.mobile-menu-close a {
	font-family: 'Gilroy-Heavy';
   font-size: 48px;
   line-height: 52px;
   color: #000;
}

}


@media only screen and (orientation: portrait) and (max-device-width: 900px){

html, body {
    overflow-x: hidden;
}

.masthead {
    position: relative;
    width: calc(100% - 40px);
    height: 100px;
    padding: 0 20px 0 20px;
    background: #fff;
    z-index: 9;
}

.logo {
    position: absolute;
    top: 0;
    left: 20px;
    width: 20%;
    height: auto;
	 max-height: 70px;
	 filter: invert(1);
}

.header-social, .homepage-hero-arrow {
    display: none;
}

.menu-icon {
    position: absolute;
    top: 0;
    right: 45px;
    width: 8%;
    height: auto;
	 filter: invert(1);
}

.homepage-hero-text {
    margin-top: 0;
}

.homepage-hero-inner, .home-featured-project-text, .sector-featured-project-text {
    width: 100%;
}

.homepage-hero-project-one h3, .homepage-hero-project-two h3, .homepage-hero-project-three h3, .homepage-hero-project-four h3 {
    font-family: 'Gilroy-Heavy';
    font-size: 60px;
    font-size: 2.58vw;
    line-height: 65px;
    line-height: 2.7vw;
    color: #fff;
    padding: 10px 0 15px 10px;
}

.hero-sector-arrow {
    top: 10%;
    right: 52%;
	 width: 35px;
	 height: 35px;
}

.homepage-hero-text p {
    font-size: 18px;
    line-height: 22px;
}

.page-hero-title {
    position: absolute;
    bottom: 0;
    right: 25px;
}

.page-hero-title h2 {
    font-size: 40px;
    line-height: 45px;
}

.page-hero-quote p {
    font-size: 20px;
    line-height: 25px;
}

.home-featured-project, .sector-featured-project {
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 20px;
}

.home-featured-project h2, .sector-featured-project h2, .home-featured-project h2.featured-title, .sector-featured-project h2.featured-title {
    font-size: 30px;
    line-height: 40px;
    padding-bottom: 10px;
}

.home-featured-project p, .sector-featured-project p, .home-featured-project a, .sector-featured-project a,
.home-featured-project a.featured-project-link, .sector-featured-project a.featured-project-link {
    font-size: 25px;
    line-height: 35px;
    padding-bottom: 10px;
}

.content h2 {
    font-size: 30px;
    line-height: 40px;
    padding-bottom: 20px;
}

.content.text-page p, .content.text-page a {
    font-size: 22px;
    line-height: 28px;
    padding-bottom: 30px;
}

th {
    font-size: 22px;
    line-height: 24px;
    padding: 10px 0 10px 0;
}

.statistics-panel-first-image, .statistics-panel-second-image {
	display: none;
   /*width: 33.33%;*/
}

.statistics-panel-content {
    /*width: 33.33%;*/
	 width: 80%;
	 margin-left: 10%;
	 margin-right: 10%;
}

.statistics-panel-text h2, .homepage-latest-projects h2, .sector-latest-projects h2, .related-resources h2, .related-publications h2, .related-news h2, .related-projects h2,
.join-team-text h2, .partner-carousel h2, .sectors .alternating-panel-text h3 {
    font-size: 30px;
    line-height: 35px;
}

.statistics-panel-text p {
    font-size: 20px;
    line-height: 28px;
}

.statistics-first-panel-text h3, .statistics-second-panel-text h3, .statistics-third-panel-text h3 {
    font-size: 30px;
    line-height: 35px;
    padding-bottom: 20px;
}

.statistics-first-panel-text p, .statistics-second-panel-text p, .statistics-third-panel-text p {
    font-size: 20px;
    line-height: 24px;
}


.homepage-latest-projects-text p, .homepage-latest-projects-text a, .sector-latest-projects-text p, .sector-latest-projects-text a, .related-content-text p, .related-content-text a {
    font-size: 20px;
    line-height: 28px;
}

.join-team-copy {
    width: 90%;
}

.join-team-text p, .join-team-button a {
    font-size: 18px;
    line-height: 22px;
}

.random-quote-text {
    float: none;
    width: 100%;
    height: auto;
    margin-right: 0;
}

.random-quote-attribution {
    float: none;
    width: 100%;
    height: auto;
	 margin-top: 20px;
}

.join-team-quote p, .random-quote-text p, .random-quote-attribution p {
    font-size: 25px;
    line-height: 30px;
}

.partner-logos-inner {
    margin-left: 0;
    margin-right: 0;
}

.team-grid-person {
    display: inline-block;
    width: 32%;
    height: auto;
    margin-right: 2%;
    margin-top: 15px;
}

.end-row {
	margin-right: 2%;
}

/*.team-grid-person:has(img):nth-child(3n) {
	margin-right: 0;
}*/

div[id^="person"]:nth-child(3n) {
	margin-right: 0;
}

.team-ceo-text {
    width: 100%;
}

.team-ceo-text h3, .team-grid h2 {
    font-size: 30px;
    line-height: 35px;
    padding-bottom: 10px;
}

.team-ceo-text p {
    font-size: 18px;
    line-height: 24px;
}

.team-ceo-quote {
    float: none;
    width: 100%;
}

.team-ceo-quote p {
    font-size: 22px;
    line-height: 28px;
}

.team-image-details h3, .team-biography h3, .boarmembers-list h2 {
    font-size: 25px;
    line-height: 30px;
    padding-bottom: 5px;
}

.team-image-details p {
    font-size: 18px;
    line-height: 25px;
}

.team-biography p, .team-text p {
    font-size: 16px;
    line-height: 20px;
}

.team-text {
    width: 55%;
}

.team-quote {
    width: 40%;
    margin-left: 5%;
}

.team-quote p {
    font-size: 20px;
    line-height: 25px;
}

.close-bio {
    font-size: 40px;
    line-height: 45px;
}

.boarmembers-list li {
    font-size: 25px;
    line-height: 40px;
}

.alternating-panels li:nth-child(odd) .alternating-panel-image, .alternating-panels li:nth-child(even) .alternating-panel-content, .alternating-panels li:nth-child(odd) .alternating-panel-content, .alternating-panels li:nth-child(even) .alternating-panel-image {
    float: none;
}

.alternating-panel-content, .alternating-panel-image {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 100px;
}

.alternating-panel-text {
    margin-top: 10%;
    width: 90%;
    margin-left: 0;
}

.alternating-panel-text p {
    font-size: 20px;
    line-height: 35px;
}

.alternating-panel-content, .alternating-panel-image {
    min-height: 240px;
}

.alternating-panel-text h3, .sector-post-text h2 {
	font-size: 30px;
   line-height: 35px;
   padding-bottom: 10px;
}

alternating-panel-text p, a.sector-button {
    font-size: 20px;
    line-height: 25px;
}

.sector-post-text {
    float: none;
    width: 100%;
    height: auto;
}

.sector-post-quote {
    float: none;
    width: 100%;
    height: auto;
	 margin-top: 20px;
}

.sector-post-text p {
    font-size: 25px;
    line-height: 35px;
    padding-bottom: 10px;
}

.sector-quote-text p.sector-quote-copy, .sector-quote-text p.sector-quote-attribution {
   font-size: 30px;
   line-height: 35px;
   padding-bottom: 10px;
}

a.action-button, a.project-button {
    min-width: 20px;
    font-size: 20px;
    line-height: 25px;
}

.publications .alternating-panel-content, .publications .alternating-panel-image,
.resources .alternating-panel-content, .resources .alternating-panel-image {
    min-height: 340px;
}

.publications .alternating-panel-text, .resources .alternating-panel-text {
    margin-top: 0;
    width: 95%;
    margin-left: 5%;
}

.publications .alternating-panel-text p, .resources .alternating-panel-text p {
    font-size: 16px;
    line-height: 20px;
    padding-bottom: 10px;
}

.publication-tag-filters li a, .resources-tag-filters li a, .news-tag-filters li a {
    font-size: 35px;
    line-height: 30px;
}

.news-grid-posts {
    display: grid;
    overflow: hidden;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 2.2%;
    grid-row-gap: 30px;
}

.news-grid-text h3 {
    font-size: 30px;
    line-height: 30px;
}

.news-grid-text p.news-post-author, .news-grid-text p {
    font-size: 20px;
    line-height: 25px;
}

.news-grid-text p.news-post-date {
    font-size: 15px;
    line-height: 20px;
}

.news-post-content-text, .news-post-content-title {
    float: none;
    width: 100%;
    height: auto;
}

.news-quote {
    float: none;
    width: 100%;
    height: auto;
    margin-left: 0;
	 margin-top: 20px;
}

.news-post-content h2, .contact-map-panel h2 {
    font-size: 35px;
    line-height: 35px;
}

.news-post-content-text p {
    font-size: 20px;
    line-height: 30px;
}

.news-quote p {
    font-size: 40px;
    line-height: 65px;
}

.content p, .content a {
    font-size: 20px;
    line-height: 25px;
    padding-bottom: 10px;
}

.carousel-prev, .carousel-next {
    display: none;
}

.project-panel-image, .project-panel-content {
    float: none;
    width: 100%;
    height: auto;
}

.project-post-text {
    width: 90%;
}

.content-second-col {
    float: none;
    width: 100%;
    height: auto;
	 margin-left: 0;
}

.project-panel-text h3 {
    font-size: 30px;
    line-height: 35px;
    padding-bottom: 20px;
}

.project-panel-text p {
    font-size: 20px;
    line-height: 30px;
}

.project-how-panel-content h2, .project-why-panel-content h2 {
    font-size: 30px;
    line-height: 35px;
    padding-bottom: 10px;
}

.project-how-panel-content p.how-panel-intro, .project-how-panel-text p, .project-why-panel-text p, .project-how-panel-text a, .project-why-panel-text a, 
.project-impact-panel-text p, .project-impact-panel-text a, .project-impact-panel-text li {
    font-size: 18px;
    line-height: 24px;
}

.publication-tag-filters li a, .resources-tag-filters li a, .news-tag-filters li a {
    margin-right: 2.5%;
	 margin-bottom: 15px;
}

.alternating-panel-text h3, .sector-post-text h2 {
    padding-top: 20px;
}

.publications .alternating-panel-text p, .resources .alternating-panel-text p {
    font-size: 20px;
    line-height: 24px;
    padding-bottom: 10px;
}

.publications .alternating-panel-content, .resources .alternating-panel-content {
    min-height: 400px;
}

.statistics-panel-content {
    margin-left: 0;
    margin-right: 0;
}

.statistics-panel-text {
    display: inline-block;
    margin: 0 auto;
    width: 96%;
    height: auto;
    margin-top: 5%;
    padding-left: 2%;
    padding-right: 2%;
    text-align: center;
    min-height: 200px;
}

.contact-first-col, .contact-second-col {
    width: 30%;
    margin-right: 5%;
}

.contact-third-col {
	width: 30%;
   margin-right: 0;
}

.contact-details h3 {
    font-size: 20px;
    line-height: 25px;
}

.contact-details p, .contact-details a {
    font-size: 16px;
    line-height: 22px;
}

.footer-logo, .footer-first-menu, .footer-second-menu {
    float: left;
    width: 32%;
    height: auto;
    margin-right: 1.33%;
}

.footer-logo img {
	width: 150px;
}

.footer-first-menu ul, .footer-second-menu ul {
	margin-left: 20%;
}

.footer-social {
	 clear: both;
    float: none;
    width: 100%;
    height: auto;
	 margin-top: 50px;
}

.footer-first-menu a, .footer-second-menu a {
    font-size: 18px;
    line-height: 22px;
}

.footer-legal p, .footer-legal a {
    font-size: 12px;
    line-height: 20px;
}

/* Navigation */

.main-nav-menu {
    display: none;
    position: absolute;
    top: 100px;
    right: 0;
    width: auto;
    height: calc(100vh - 50px);
    padding-bottom: 25px;
    background: #fff;
    z-index: 101;
}

.main-nav-menu-inner {
	 width: calc(100vw - 40px);
    height: 100%;
	 margin-right: 40px;
	 /*border-left: 20px solid #fff;*/
    z-index: 101;
    overflow: auto;
}

.main-nav-menu-list {
    float: none;
    width: 100%;
    height: 100%;
	 background: #899C9E;
}

.main-nav-menu-contact, .menu-close {
    display: none;
}

.main-nav-menu li a {
    font-size: 58px;
    line-height: 76px;
    padding-bottom: 5px;
}

.mobile-menu-close {
	display: none;
   position: absolute;
   top: 0;
   right: 45px;
   width: 8%;
   height: auto;
}

.mobile-menu-close a {
	font-family: 'Gilroy-Heavy';
   font-size: 48px;
   line-height: 52px;
   color: #000;
}


.mobile-social {
	display: block;
	width: 100%;
	margin-top: 30px;
}

.mobile-social a.facebook, .mobile-social a.twitter, .mobile-social a.instagram, .mobile-social a.linkedin, .mobile-social a.youtube {
    width: 60px;
    height: 60px;
}



}


@media only screen and (orientation: portrait) and (max-device-width: 500px){

.main-nav-menu {
    display: none;
    position: absolute;
    top: 100px;
    right: 0;
    width: auto;
    height: calc(100vh - 50px);
    padding-bottom: 25px;
    background: #fff;
    z-index: 101;
}

.main-nav-menu-inner {
	 width: calc(100vw - 40px);
    height: 100%;
	 margin-right: 20px;
    z-index: 101;
    overflow: auto;
}

.main-nav-menu-inner ul {
	margin-top: 20px;
}

.carousel-prev, .carousel-next {
    display: none;
}

/* Navigation */

.mobile-social {
	display: block;
	width: 100%;
	margin-top: 20px;
}

.mobile-social a.facebook, .mobile-social a.twitter, .mobile-social a.instagram, .mobile-social a.linkedin, .mobile-social a.youtube {
    width: 40px;
    height: 40px;
}


}


@media only screen and (max-device-width: 500px), screen and (max-width:500px){ 

.masthead {
	left: 0;
	right: 0;
   height: 60px;
}

.logo {
    width: 33%;
}

.menu-icon {
    right: 45px;
    width: 12%;
}

.homepage-hero-content, .homepage-hero-image {
    float: none;
    width: 100%;
}

.homepage-hero-projects {
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
}

.homepage-hero {
    max-height: 2000px;
}

.homepage-hero-project-one h3, .homepage-hero-project-two h3, .homepage-hero-project-three h3, .homepage-hero-project-four h3 {
    font-size: 24px;
    line-height: 45px;
    padding: 20px 0 25px 20px;
}

.hero-sector-arrow {
    top: 22%;
    right: 2.5%;
}

.homepage-hero img {
	height: 700px;
    max-height: 2000px;
}

.homepage-hero img.hero-sector-arrow {
    height: auto;
    max-height: 50px;
}

p.homepage-hero-quote-text, .page-hero-quote p {
    font-size: 30px;
    line-height: 35px;
}

.page-hero-title {
    position: absolute;
    bottom: -4%;
    right: 25px;
}

.page-hero-title h2 {
    font-size: 25px;
    line-height: 30px;
}

.content {
    width: calc(100% - 90px);
    margin-left: 0;
    margin-right: 0;
    padding: 25px;
}

.content p, .content a {
	font-size: 20px;
	line-height: 25px;
	padding-bottom: 10px;
}

h2 {
    font-size: 30px;
    line-height: 40px;
    padding-bottom: 20px;
}

.content h2 {
    font-size: 30px;
    line-height: 40px;
    padding-bottom: 20px;
}

p {
   font-size: 22px;
   line-height: 28px;
   padding-bottom: 30px;
}

.content.text-page p, .content.text-page a {
	font-size: 22px;
   line-height: 28px;
   padding-bottom: 30px;
}

.join-team-button a, .home-content-button a {
    font-size: 40px;
    line-height: 45px;
}

th {
    font-size: 16px;
    line-height: 20px;
    padding: 10px 5px 10px 5px;
}

.content.text-page table p, .content.text-page table a {
    font-size: 12px;
    line-height: 16px;
    padding-bottom: 20px;
}

.content.text-page li {
	font-size: 22px;
   line-height: 28px;
   padding-bottom: 30px;
}

.statistics-panel-first-image, .statistics-panel-second-image {
    float: none;
    width: 100%;
}

.statistics-panel-content {
    float: none;
    width: 100%;
    height: auto;
    overflow: auto;
}

.join-team-text, .join-team-quote {
    float: none;
    width: 100%;
    height: auto;
    margin-right: 0;
}

.join-team-copy {
    width: 100%;
}

.join-team-button {
    padding-bottom: 10px;
}

.partner-logos-wrapper {
    width: 100%;
    height: 240px;
}

.partner-logos-inner .partner-logo {
    width: auto;
    height: 200px;
    /*margin-right: 25%;
    margin-left: 25%;*/
}

.partner-logos-inner .slick-slide img {
    height: 200px;
}

.page-hero-content {
    position: relative;
    float: none;
    width: 100%;
    height: auto;
    overflow: auto;
}

.page-hero-image {
    position: relative;
    float: none;
    width: 100%;
    height: auto;
    max-height: 700px;
    overflow: hidden;
}

.page-hero-quote {
    position: relative;
	 margin-top: 25px;
	 width: 100%;
    padding: 25px 0 25px 0;
}

.team-ceo-image, .team-ceo-biography {
    float: none;
    width: 100%;
    height: auto;
    margin-right: 0;
}

.team-ceo-image {
	margin-bottom: 20px;
}

.team-grid-person {
    display: inline-block;
    width: 100%;
    height: auto;
    margin-right: 0;
    margin-top: 15px;
}

.team-text {
    float: none;
    width: 100%;
    height: auto;
    padding-bottom: 20px;
}

.team-quote {
    float: none;
    width: 100%;
    height: auto;
    margin-left: 0;
}

.boarmembers-col-1, .boarmembers-col-2, .boarmembers-col-3 {
    float: none;
    width: 100%;
    height: auto;
}

.alternating-panel-content, .alternating-panel-image {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 100px;
}

.alternating-panels li:nth-child(odd) .alternating-panel-image, .alternating-panels li:nth-child(even) .alternating-panel-content,
.alternating-panels li:nth-child(odd) .alternating-panel-content, .alternating-panels li:nth-child(even) .alternating-panel-image {
    float: none;
}

.alternating-panel-text {
    margin-top: 20px;
    width: 100%;
    margin-left: 0;
}

.alternating-panel-text p {
    font-size: 20px;
    line-height: 30px;
    padding-bottom: 20px;
}

a.sector-button {
	 display: block;
	 width: cacl(100% - 30px);
    font-size: 25px;
    line-height: 35px;
	 text-align: center;
    padding: 10px 15px 10px 15px;
	 margin-bottom: 30px;
}

.content.sector-post-content, .sector-featured-project, .content.project-post-content, .project-how-panel, .content.news-post-content, .content.contact-content,
.contact-details, .contact-map-panel {
    width: calc(100% - 40px);
    margin-left: 20px;
    margin-right: 20px;
    padding: 25px 0 25px 0;
    height: auto;
}

.sector-quote-text {
    width: 100%;
}

.sector-featured-project {
    margin-top: 0;
}

.statistics-first-panel, .statistics-second-panel, .statistics-third-panel {
    display: inline-block;
    width: 100%;
    height: auto;
}

.statistics-first-panel-text h3, .statistics-second-panel-text h3, .statistics-third-panel-text h3 {
    font-size: 35px;
    line-height: 40px;
    padding-bottom: 20px;
}

.statistics-first-panel-text p, .statistics-second-panel-text p, .statistics-third-panel-text p {
    font-size: 25px;
    line-height: 35px;
}

.homepage-latest-projects-text h3, .sector-latest-projects-text h3, .related-content-text h3,
.project-panel-text h3, .project-panel-quote-text h3, .project-impact-panel-text h2 {
    font-size: 35px;
    line-height: 40px;
    color: #fff;
}

.project-post-text h2 {
    font-size: 35px;
    line-height: 35px;
    padding-bottom: 20px;
}

.project-post-text {
    width: 100%;
}

.project-panel-image, .project-panel-content {
    float: none;
    width: 100%;
    height: auto;
}

.content .news-quote p {
    font-size: 40px;
    line-height: 50px;
}

.carousel-prev {
	left: 2.5%;
}

.carousel-next {
	right: 2.5%;
}

.homepage-content, .home-featured-project, .homepage-map {
    width: calc(100% - 40px);
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px;
    padding: 0;
    height: auto;
}

.homepage-content-text, .homepage-stats-panel {
    float: none;
    width: 100%;
}

.statistics-image-panel {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
	 margin-top: 20px;
    height: auto;
    min-height: 200px;
}

.project-map-text {
    width: 100%;
}

.homepage-stats-panel .statistics-panel-content {
    float: none;
    width: 100%;
    height: auto;
    overflow: auto;
}

.stat-tile-grid-posts {
   grid-template-columns: repeat(1, 1fr);
}

.stat-tile-image {
    display: inline-block;
    width: 100%;
    margin-left: 0;
    text-align: center;
}

.sticky-grid-posts {
    grid-template-columns: repeat(1, 1fr);
    grid-column-gap: 0;
    grid-row-gap: 30px;
}

.news-grid-posts, .publications-grid-posts, .resources-grid-posts, .opportunities-grid-posts {
   grid-template-columns: repeat(1, 1fr);
}

.partners-logos {
    width: 100%;
    margin-left: 0;
}

.jobs-detail-label {
    float: none;
    width: 100%;
    margin-bottom: 10px;
}

.jobs-detail-value {
    float: none;
    width: 100%;
    margin-left: 0;
    margin-bottom: 20px;
}

.jobs-post-content-text {
   width: 100%;
   margin-right: 0;
}

.footer-logo, .footer-first-menu, .footer-second-menu {
    float: none;
    width: 100%;
    height: auto;
    margin-right: 0;
	 text-align: center;
}

.project-panel-text h3 {
    font-size: 35px;
    line-height: 35px;
    padding-bottom: 10px;
}

.project-panel-text p {
    font-size: 20px;
    line-height: 30px;
    padding-bottom: 20px;
}

.content-first-col, .content-second-col {
    float: none;
    width: 100%;
    height: auto;
    margin-right: 0;
}

.project-how-panel {
	padding-top: 0;
}

.project-how-panel-content h2 {
    font-size: 35px;
    line-height: 30px;
    padding-bottom: 10px;
}

.project-how-panel-content p.how-panel-intro, .project-how-panel-text p, .project-how-panel-text a, .project-how-panel-text li {
    font-size: 20px;
    line-height: 30px;
    padding-bottom: 20px;
}

.project-why-panel {
    width: calc(100% - 90px);
    margin-left: 20px;
    margin-right: 20px;
    padding: 25px;
    height: auto;
}

.project-why-panel-text, .project-why-panel-quote {
    float: none;
    width: 100%;
    height: auto;
}

.project-why-panel-content h2 {
    font-size: 35px;
    line-height: 30px;
    padding-bottom: 20px;
}

.project-why-panel-text p, .project-why-panel-text a, .project-why-panel-text li {
    font-size: 20px;
    line-height: 30px;
    padding-bottom: 20px;
}

.project-why-panel-quote p {
    font-size: 35px;
    line-height: 40px;
    padding-bottom: 20px;
}

.publication-tag-filters li a, .resources-tag-filters li a, .news-tag-filters li a, a.action-button, a.project-button {
    display: inline-block;
    float: none;
    width: 100%;
    min-width: 10px;
    height: 30px;
    margin-right: 0;
    padding: 10px 0 10px 0;
	 margin-bottom: 10px;
    text-align: center;
    font-size: 22px;
    line-height: 30px;
}

.publication-tag-filters li a:nth-child(2n) {
	margin-right: 0;
}

.publications .alternating-panel-content, .publications .alternating-panel-image, .resources .alternating-panel-content, .resources .alternating-panel-image {
    min-height: 100px;
}

.resources .alternating-panel-image {
	margin-bottom: 20px;
}

.publications .alternating-panel-text, .resources .alternating-panel-text {
    margin-top: 0;
    width: 100%;
    margin-left: 0;
}

.alternating-panels li:nth-child(even) .alternating-panel-content .alternating-panel-text {
    margin-left: 0;
}

.partners-grid-list {
    display: grid;
    overflow: hidden;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 1.5%;
    grid-row-gap: 10px;
}

.news-grid-posts {
    display: grid;
    overflow: hidden;
    grid-template-columns: repeat(1, 1fr);
    grid-column-gap: 0;
    grid-row-gap: 30px;
}

a.action-button {
	width: calc(100% - 2px);
}

.contact-details {
	padding-top: 0;
}

.contact-first-col, .contact-second-col, .contact-third-col {
    width: 100%;
    margin-right: 0;
}

.footer-logo {
	padding-bottom: 30px;
}

.footer-logo img {
    width: 150px;
	 margin: 0 auto;
}

.footer-first-menu ul, .footer-second-menu ul {
    margin-left: 0;
}

.footer-social {
	margin-left: 10%;
}

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

/* Navigation */

.main-nav-menu {
    top: 60px;
}

.main-nav-menu ul {
	margin-top: 30px;
}

.main-nav-menu li a {
    font-size: 28px;
    line-height: 36px;
    padding-bottom: 5px;
}

.mobile-social {
	display: block;
	width: 100%;
	margin-top: 20px;
}

.mobile-social a.facebook, .mobile-social a.twitter, .mobile-social a.instagram, .mobile-social a.linkedin, .mobile-social a.youtube {
    width: 40px;
    height: 40px;
}

/* Forms */

.signup-form h3 {
    font-family: 'Gilroy-Heavy';
    font-size: 24px;
    line-height: 30px;
}

}


@media only screen and (orientation: landscape) and (max-device-width: 800px){

.masthead {
	left: 0;
	right: 0;
   height: 90px;
}

.logo {
    width: 20%;
}

.menu-icon {
    right: 45px;
    width: 8%;
}

.content p, .content a, .contact-details h3 {
    font-size: 18px;
    line-height: 24px;
}

.alternating-panels li {
    display: block;
    height: auto;
	 min-height: 100px;
	 padding-bottom: 80px;
}

.alternating-panel-content, .alternating-panel-image {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 100px;
}

.alternating-panels li:nth-child(odd) .alternating-panel-image, .alternating-panels li:nth-child(even) .alternating-panel-content,
.alternating-panels li:nth-child(odd) .alternating-panel-content, .alternating-panels li:nth-child(even) .alternating-panel-image {
    float: none;
}

.alternating-panels li:nth-child(even) .alternating-panel-content .alternating-panel-text {
    margin-left: 0;
}

.alternating-panel-text {
    margin-top: 20px;
    width: 100%;
    margin-left: 0;
}

.alternating-panel-text p.publication-date {
    font-size: 16px;
    line-height: 20px;
    padding-top: 15px;
    padding-bottom: 0;
}

.project-how-panel {
    width: calc(100% - 40px);
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 25px 0 25px 0;
    height: auto;
}

.project-panel-image, .project-panel-content {
    float: none;
    width: 100%;
    height: auto;
}

.project-panel-content {
    margin-top: 20px;
}

.project-post-text h2 {
    font-size: 35px;
    line-height: 35px;
}

.project-panel-text h3, .project-how-panel-content h2, .project-why-panel-content h2 {
    font-size: 30px;
    line-height: 35px;
}

.project-panel-text p, .project-how-panel-content p.how-panel-intro, .project-how-panel-text p, .project-why-panel-text p, 
.project-panel-text a, .project-how-panel-text a, .project-why-panel-text a {
    font-size: 20px;
    line-height: 30px;
}


/* Navigation */

.main-nav-menu {
    display: none;
    position: absolute;
    top: 90px;
    right: 0;
    width: auto;
    height: 620px;
    padding-right: 0;
    padding-bottom: 25px;
    background: #fff;
    z-index: 101;
}

.mobile-social {
	display: block;
	width: 100%;
	margin-top: 20px;
}

.mobile-social a.facebook, .mobile-social a.twitter, .mobile-social a.instagram, .mobile-social a.linkedin, .mobile-social a.youtube {
    width: 40px;
    height: 40px;
}


}