/* CSS for landing page */
/*coloured banner strip*/
#gallery-banner{ 
	display:block;
	text-align: left;
  	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
  	background-image:linear-gradient(to right, #15514a, #228176, #33c1b1) ;
  	filter: brightness(100%);
  	opacity: 0.8; 
   	margin-bottom:20px;
  	}
#gallery-banner > h1 {
 	color:#bfeee8;
 	font-size:2em /*32px*/;
	margin-left: 2em;
	margin-right:2em;
	padding-top:2em;
	line-height:1.8;
	}
#gallery-banner > h2{
	color:#bfeee8;
	font-size:24px;
	margin-top:-1em;
	margin-left: 4rem;
	margin-right:2em;
	padding-bottom:2em;
	}
h3 {
	text-align:center;
	color:#228176 /*#33c1b1*/;
	font-weight:bold;
	}
/*CSS for card row*/
#home-sections {
	margin-top:100px;	
	}
/*CSS for card images*/
img.mobile-home {display:none;}
section#home-container {
	width:100%;/*90%*/
	display:grid;
	grid-template-columns:auto auto auto;
	grid-column-gap:3em;
	margin-left:auto;
	margin-right:auto;
	padding-top:20px;
	color:#444;
	}
#home-container > div {
	padding:24px;
	}
#home-container > div:hover {
	box-shadow: 0 1px 2px rgba(0,0,0,0.12), 0 2px 8px rgba(0,0,0,0.24);
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	}
div.home-img-container {
	width: 185px;
	height:185px;
	margin-left:auto;
	margin-right:auto;
	background-color: #ffffff;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
	border-radius: 50%;
	padding-left:24px;
	padding-right:10px;
	padding-top:16px;
	padding-bottom:10px;
	}
/*css for positioning video and img*/
img.home-section-image {
	width:179px;
	margin-top:2em;
	}
#line-chart {margin-top:1.5em;}
#tree-chart {margin-top:2em;}
.home-links {margin-top:1em;}
/*CSS for footer section*/
#home-footer{
	display:grid;
	grid-template-columns:30% 40% 30%;
	margin-top:4em;
	margin-bottom:1em;
	padding-bottom:1em;
	padding-top:1em;
	font-size:14px;
	line-height:1.3;
	background-color: #457175;
	color:#fff;	
}
/*DSAE logo*/
#footer-logo-container {
	padding-left:2em;
	}
#dsae-crop {display:none;}
/*Pansalb logo*/
#pansalb-logo-container {
	text-align: right;
	grid-row:1 / span 2;
	grid-column-start:3;
	color:#f4f5f5;
	margin-top:0;
	}
figure #pansalb-logo-container > img {
	float:right; 
	width:105px;
	}
figcaption{
	text-align:right;
	font-size:12px;
	margin-left:50%;
	}
/*Address elements*/
/*footer-contact-1 is the address elements*/
/*footer-contact-2 is the phone, fax, email, website elements*/
#footer-contact-1 {text-align:center;}
#footer-contact-1 > #dsae-unit {display:inline-block; font-weight:bold;}/*Unit title*/
#footer-contact-1 > div:nth-child(3) {display:inline-block;} /*PO Box*/
#footer-contact-1 > div:nth-child(4) {display:inline-block;} /*Makhanda*/
#footer-contact-2 {text-align:center; grid-row-start:2; grid-column:2;}
#footer-contact-2 > div:nth-child(1) {display:block; color:#ffffff !important;} /*Tel*/
#footer-contact-2 > div:nth-child(2) {display:inline-block;} /*Email*/ 
#footer-contact-2 > div:nth-child(3) {display:inline-block;} /*Web*/

/*MEDIA QUERIES*/
@media only screen and (min-width: 1037px) and (max-width:1200px){
#gallery-banner > h1{
	margin-left:1em;
	margin-right:1em;
	}
#gallery-banner > h2{
	margin-left:1.3em;
	margin-right:1em;
	}
img.mobile-home {
	display:inline-block;
	width:170px;
	height:110px;
	padding-top:26px;
	}
.desktop-video {display:none;}
#footer-contact-2 > div:nth-child(1) {color:#ffffff !important;} /*Tel*/
}
@media only screen and (min-width: 935px) and (max-width:1036px){
#gallery-banner > h1{
	font-size:1.8em; 
	margin-left:1em;
	margin-right:1em;
	margin-bottom:0.5em; 
	} 
#gallery-banner > h2{
	font-size:1.37em;
	margin-left:1.2em;
	}
section#home-container {
	width:100%;
	padding-top:0px;
	}
img.mobile-home {
	display:inline-block;
	width:170px;
	height:110px;
	padding-top:26px;
	}
.desktop-video {display:none;}
figcaption {
	text-align:right; 
	margin-left:50%;
	}
#footer-contact-2 > div:nth-child(1) {color:#ffffff !important;} /*Tel*/
}
@media only screen and (max-width:934px){
#gallery-banner > h1{
	font-size:1.6em; 
	line-height:1.2;
	}
#gallery-banner > h2{
	font-size:1.25em;
	margin-left:2.5em;
	margin-top:0;
	line-height:1.2;
	}
section#home-container {
	width:100%;
	padding-top:0px;
	display:grid;
	grid-template-columns:100%;
	}
div.home-img-container {
	margin-top:2em;
	}
img.mobile-home {
	display:inline-block;
	width:170px;
	height:110px;
	padding-top:26px;
	}
.desktop-video {display:none;}
#graphical-overviews,
#navigation-tools,
#custom-visualisations {
	margin-bottom:1em; 
	padding-left:2em; 
	padding-right:2em; 
	padding-bottom:2em; 
	box-shadow: 0 2px 6px rgba(0,0,0,0.1), 0 4px 4px rgba(0,0,0,0.1);}
#home-footer{
	display:grid;
	grid-template-columns:auto auto;
	margin-top:1em;
	margin-bottom:2em;
	padding-right:2em;
	}
#footer-logo-container {
	padding-left:2em;
	}
#footer-logo-container > img {
	}
#pansalb-logo-container {
	grid-row-start:2; 
	grid-column:1;
	text-align:left;
	}
#pansalb-logo-container > img {
	width:110px;
	}
figcaption {
	text-align:left; 
	width:70%;
	margin-left:0px;
	}
/*Address elements*/
/*footer-contact-1 is the address elements*/
/*footer-contact-2 is the phone, fax, email, website elements*/
#footer-contact-1 {text-align:left;line-height:1.3;}
#footer-contact-1 > div:nth-child(2) {display:block; padding-right:8px;} /*Rhodes*/
#footer-contact-1 > div:nth-child(3){display:inline-block;} /*PO Box*/
#footer-contact-1 > div:nth-child(4) {display:block;} /*Makhanda*/
#footer-contact-2 {text-align:left; grid-row-start:2; grid-column:2;padding-right:2em;}
#footer-contact-2 > div {display:block;}
#footer-contact-2 > div:nth-child(1) {display:block;padding-top:12px; color:#ffffff !important;} /*Tel*/
#footer-contact-2 > div:nth-child(3) {display:block;}
}
@media only screen and (max-width:505px){
#gallery-banner > h1{
	text-align:center;
	}
#gallery-banner > h2{
	text-align:center;
	}
section#home-container {
	padding-top:0px;
	}
img.mobile-home {
	display:inline-block;
	width:170px;
	height:110px;
	padding-top:26px;
	}
.desktop-video {display:none;}
#home-footer {
	grid-template-columns:100%;
	margin-bottom:2em;
	}
#footer-logo-container {
	grid-row-start:3;
	margin-top:1em; 
	padding-left:1em;
	}
#footer-logo-container > img {
	grid-column:1; 
	grid-row:3;
	}
#dsae-crop {display:none;}
#dsae-logo {display:inline-block;}
#pansalb-logo-container {
	grid-row-start:4; 
	grid-column:1;
	margin-top:1em; 
	margin-left:2em;
	}
#pansalb-logo-container > img {
	width:120px; 
	float:left;
	}
figcaption {
	float:none; 
	padding-top:60px;
	}
/*Address elements*/
/*footer-contact-1 is the address elements*/
/*footer-contact-2 is the phone, fax, email, website elements*/
#footer-contact-1 {grid-column:1 ; margin-left:2em;} 
#footer-contact-2 {grid-row:2; grid-column:1; margin-left:2em;} 
#footer-contact-1 > div {display:block;}
#footer-contact-2 > div {display:block;}
#footer-contact-1 > div:nth-child(2) {display:block;}/*Rhodes*/
#footer-contact-2 > div:nth-child(1) {color:#ffffff !important;} /*Tel*/
}
/*this is the iPad pro 12.9"*/
@media only screen
and (min-device-height: 1024px)
and (max-device-width: 1366px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) {
img.mobile-home {
	display:inline-block;
	width:170px;
	height:110px;
	padding-top:26px;
	}
.desktop-video {display:none;}
#footer-contact-2 > div:nth-child(1) {color:#ffffff !important;} /*Tel*/
}