@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&family=Shanti&display=swap');

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

.container {
	padding-right: 0; /*15px in bootstrap.css*/
     padding-left: 0;  /*idem*/
     margin-right: auto;
     margin-left: auto;
}

body {font-family: 'Roboto', sans-serif; font-size:10px;}
h2{font-family: 'Shanti', sans-serif; font-size:4.2rem; margin-top: 0;}
h3{font-family: 'Shanti', sans-serif; font-size: 2.6rem;}
.tc {text-align:center;}
.container{max-width:1366px;}
p {font-size:1.8rem; line-height:1.5;}
img {max-width: 100%;}


.row.display-flex {
  display: flex;
  flex-wrap: wrap;
}
.row.display-flex > [class*='col-'] {
  display: flex;
  flex-direction: column;
}

.section-spacing{padding:5% 0;}

#commitment h2{margin-top:0;}

#sustainability-pillars {
	background-image: url("../images/sustainability-bg.jpg");
	background-repeat:repeat-y;
	background-size:cover;
	background-attachment: fixed;
}
#sustainability-pillars .sustainabilityp-img img{width: 100%;}
#sustainability-pillars h2{text-align: center;}
#sustainability-pillars p {margin-bottom:30px;}
#sustainability-pillars .sustainabilityp-list{	font-size:1.8rem; padding-inline-start: 20px;
}
#sustainability-pillars h3 {margin-top:0; color:#3867A5; font-weight: 400;}
#sustainability-pillars .sustainabilityp-list li{margin-bottom:26px;}
#sustainability-pillars .list-content{padding:40px 30px;}
#sustainability-pillars .item-container {background-color:#E4F7FD; height:100%; 
	border-radius:0 0 16px 16px;}

#sustainability-pillars .sdg {padding-top:8%;}
#sustainability-pillars .sdg .row{display:flex; align-items: center;}
#sustainability-pillars .sdg-list{display: flex; flex-wrap:wrap; row-gap:30px;}
#sustainability-pillars .sdg-list div{width: 25%; text-align: center;}

#sust-achievements img{width: 100%;}
#sust-achievements h3 {color:#1F97D4; font-weight: 400; font-family: 'Shanti', sans-serif;}

#sust-statement {
	background: url("../images/sustaianbility-statement-big.jpg") rgba(0, 0, 0, 0.5);
	background-size:cover;
	background-position:center center;
}
#sust-statement h3 {color:#fff;}
#sust-statement a {
	font-size: 2rem; 
	width: 100%;
	margin-right:10px;
	padding:14px 0;
	border-radius: 5px;
	background-color:#282562;
	border:0;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
#sust-statement a:hover {background-color:#32A6C0;}
#sust-statement .btn-container {
	display: flex;
	justify-content: space-between;
}



/************************************************************************************************
											 Media Queries
*************************************************************************************************/
/* Mobile */
@media (min-width: 200px) {

	h2 {font-size:3rem; padding:0 10px;}
	h3 {font-size:2.4rem; margin-top: 0;}
	#sust-achievements h2 {text-align: center;}	
	#sust-achievements h3 {padding: 0 10px; text-align: center;}
	#commitment .row {flex-direction: column-reverse;}
	#commitment h2 {margin:20px 0; text-align:center	;}
	#sustainability-pillars .list-content {padding:30px 29px; }
	.mbb-3 {margin-bottom:30px;}
	#sustainability-pillars p {margin-bottom: 0;}

	#sustainability-pillars .sdg .row{display: block;}
	#sustainability-pillars .sdg .goals {width:60%; margin-bottom: 30px;}
	#sustainability-pillars .sdg-list div {width: 33.3%;}

	#sust-statement {background-position:center; background-blend-mode: multiply;}
	#sust-statement .btn-container {display: block;}
	#sust-statement a{margin-bottom: 10px;}
	.section-spacing {padding: 10% 0;}
}

/* Tablet and mobile landscape*/

@media (min-width:576px) {
	.mbb-3 {margin-bottom: 30px;}
	.sdg .goals {width: 70%;}
	.sdg .row {display: block;}
	#sustainability-pillars .sdg-list div {width: 25%;}
	#sustainability-pillars .sdg .row {display: flex;}
	#sust-statement .btn-container {display: flex;} 
	#sust-achievements h2,
	#sust-achievements h3 {text-align: left;}

	#sust-statement .btn-container {
		display: flex;
		flex-direction:column;
		margin-left:10px;
	}
	#sust-statement .mobilef{display: flex;}
	#sustainability-pillars .sdg .goals {margin-bottom: 0;}
	#sust-statement{
		background-position-y:100%;
		background-position-x:center;
		background-blend-mode: normal;
	}
	.section-spacing {padding:10% 0;}
}

@media (min-width:1024px){
	
	#sust-statement .container{padding-left:60px;}
	#sust-statement .mobilef {display: block;}
	#sust-statement .btn-container {flex-direction: row; margin-left: 0;}
	.mbb-3 {margin-bottom: 	0;}
	#sustainability-pillars p {margin-bottom:30px;}
	#commitment .row {flex-direction: row;}
	#sust-achievements h2 {text-align: center;}
	h2 {font-size: 4.2rem;}
	#sustainability-pillars .sdg .goals {margin-bottom: 0; width: 65%;}			
	h3 {font-size: 3rem;}
/*	#sust-statement {
		background-position-y: bottom;
        background-blend-mode: normal;
        background-size: 100%;
	}*/
	.section-spacing {padding:9% 0;}
}
@media (max-width:1024px){
	#sust-statement {
		background:url("../images/leafbg-md.jpg");
	}	
}

@media (min-width: 1400px) { 
	.container { max-width:80%; }
}