@charset "utf-8";

/*---------------------------------- FONTS, ICONS ---------------------------------- */
/* latin-ext */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(webfonts/jizaRExUiTo99u79D0yExdGM.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(webfonts/jizaRExUiTo99u79D0KExQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(webfonts/jizfRExUiTo99u79B_mh0OCtLQ0Z.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(webfonts/jizfRExUiTo99u79B_mh0O6tLQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@import url('foundation-icons.css');

/*---------------------------------- OLDER BROWSERS ---------------------------------- */

/* display rule for older browsers */
address, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
	display: block;
}

/*---------------------------------- IPHONE ---------------------------------- */

/* remove text size adjust on IOS */
@media screen and (max-device-width: 480px){
  body {
    -webkit-text-size-adjust: none;
  }
}

/*---------------------------------- HTML / CANVAS ---------------------------------- */ 

html {
 	width: 100%;
	height: 100%;
	
	margin: 0px;
	padding: 0px;
}

body {
 	width: 100%;
	height: 100%;
	
	margin: 0px;
	padding: 0px;
	
	background-color: #fff;
	
	font-family: 'PT Sans', sans-serif;
	font-weight: 400;
	font-size: 16px;
	color: #5c5c5c;
	
	font-weight: 400;
	font-size: 18px;
	line-height: 1.5em;
}

.content-width {
	width: 90%;
	max-width: 1200px;
	min-width: 1075px;
}


/*---------------------------------- HEADER ---------------------------------- */ 

header {
	position: fixed;
	top: 0px;	
	width: 100%;
	height: 108px;
	margin: 0px;
	
	margin-left: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	
	background: #fff;
	
	z-index: 20;
}

#header-content-area {
	height: 100%;
	
	margin-left: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
}

#header-logo {
	float: left;
	margin-left: 0px;
	margin-top: 12px;
	margin-right: 0px;
	margin-bottom: auto;
	background-image: url(../items/eebc.svg);
    background-size: 166px 84px;
    background-repeat: no-repeat;
    display: block;
    width: 166px;
    height: 84px;
}

#header-logo-consulting {
	float: left;
	margin-left: 0px;
	margin-top: 14px;
	margin-right: 0px;
	margin-bottom: auto;
	background-image: url(../items/eebc-consulting.svg);
    background-size: 166px 84px;
    background-repeat: no-repeat;
    display: block;
    width: 166px;
    height: 84px;
}

#header-logo-charging-solutions {
	float: left;
	margin-left: 0px;
	margin-top: 14px;
	margin-right: 0px;
	margin-bottom: auto;
	background-image: url(../items/eebc-charging-solutions.svg);
    background-size: 166px 84px;
    background-repeat: no-repeat;
    display: block;
    width: 166px;
    height: 84px;
}

/*---------------------------------- LANGUAGE SELECTION MENU ---------------------------------- */

#language-menu {
	float: right;
	margin: 0px;
	margin-top: 14px;
}

#language-menu ul {
	margin: 0px;
	padding: 0px;
}

#language-menu li {
	list-style: none;
	display: inline;
	margin-right: 4px;
}

#language-menu li:last-child {
	margin-right: 0px;
}

.language-menu-flag {
	border: solid 1px #5c5c5c;
	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.language-menu-unselected {
	/*zoom: 1;*/
	opacity: 0.5;
	filter: alpha(opacity=50);	
}

.language-menu-unselected:hover {
	/*zoom: 1;*/
	opacity: 1;
	filter: alpha(opacity=100);
}

/*---------------------------------- MAIN MENU ---------------------------------- */

#main-nav-area {
	position: fixed;
	top: 92px;
	z-index: 30;
}

nav#main {
	float: right;
	min-width: 889px;
	height: 40px;
	margin-top: 0px;
	
	background-color: #91b531;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	line-height: normal !important;	
}

nav#main ul {
	margin: 0px;
	margin-top: 8px;
	padding: 0px;
}

nav#main li {
	list-style: none;
	display: inline;
	
	margin: 0px;
	padding: 0px;
	padding-top: 7px;
	padding-bottom: 4px;
	padding-right: 40px;
	padding-left: 40px;
	
	font-family: 'PT Sans', sans-serif;
	font-weight: 700;
	font-size: 18px;
	color: #fff;
	/*text-transform: uppercase;*/
}

a.main-menu {
	color: #ffffff;
	text-decoration: none;
	
	-webkit-transition: color 0.25s ease-out;
  	-moz-transition: color 0.25s ease-out;
  	-o-transition: color 0.25s ease-out;
  	transition: color 0.25s ease-out;
} 

a.main-menu:hover {
	color: #00427a;
}

.main-menu-selected {
	color: #00427a;
}

/*---------------------------------- SUB MENU ---------------------------------- */

#sub-menu-full-width {
	width: 100%;
	margin-top: -20px;
}

#sub-menu-area {
	margin: 0 auto;
}

.sub-menu {
	padding-bottom: 9px;
	background-color: rgba(0, 66, 122, 0.95);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	min-height: 72px;
}

nav#sub-menu-full-width ul {
	margin: 0px;
	padding: 0px;
	padding-top: 44px;
}

nav#sub-menu-full-width li {
	list-style: none;
	display: inline;
	
	margin: 0px;
	padding: 0px;
	padding-left: 18px;
	padding-right: 18px; /* adjust .dropdown margin-right accordingly */
	
	font-family: 'PT Sans', sans-serif;
	font-weight: 700;
	font-size: 15px;
	/*line-height: 1em !important;*/
	color: #fff;
}

a.sub-menu, span.sub-menu {
	color: #ccd9e4;
	text-decoration: none;
	
	-webkit-transition: color 0.25s ease-out;
  -moz-transition: color 0.25s ease-out;
  -o-transition: color 0.25s ease-out;
  transition: color 0.25s ease-out;
	background: none !important;
}

span.sub-menu {
	margin: 0px;
	padding: 0px;
	
	font-family: 'PT Sans', sans-serif;
	font-weight: 700;
	font-size: 15px;
} 

a.sub-menu:hover, span.sub-menu:hover {
	color: #ffffff;
}

.sub-menu-selected {
	color: #ffffff;
}

.sub-menu-item-arrow {
	color: #91b531;
	margin-right: 5px;
}

#sub-menu-item-company {
	width: 872px;
	display: none;
} 

#sub-menu-item-products-services {
	width: 755px;
	display: none;
} 

#sub-menu-item-references {
	width: 409px;
	display: none;
} 

/*---------------------------------- SECOND SUB MENU ---------------------------------- */

.sub-menu-div {
	margin: 0px;
	padding: 0px;
	padding-top: 44px;
	padding-left: 18px;
	font-family: 'PT Sans', sans-serif;
	font-weight: 700;
	font-size: 15px;
	color: #fff;
}

.second-sub-menu-item-arrow {
	color: #00427a;
	margin-right: 5px;
}

.dropdown {
  float: left;
  margin-right: 11px; /* should be 11px + nav#sub-menu-full-width li padding-right */
  margin-right: 29px;
}

.dropbtn {
	margin: 0;
	padding-bottom: 14px;
  border: none;
  outline: none;
  background-color: rgba(255, 0, 0, 0.0);

}

.dropdown-content {
  display: none;
  position: absolute;
  padding-top: 0px;
  padding-left: 18px;
  padding-right: 18px;

  background-color: rgba(255, 255, 255, 0.95);
  z-index: 1;
  -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	-webkit-border-top-left-radius: 0px;
	-moz-border-top-left-radius: 0px;
	border-top-left-radius: 0px;

	-webkit-border-top-right-radius: 0px;
	-moz-border-top-right-radius: 0px;
	border-top-right-radius: 0px;
}

.second-sub-item {
	padding-top: 8px; 
	padding-bottom: 8px;
	border-bottom: dotted 1px #d2d2d2; 
}

.dropdown-content a {
  text-decoration: none;
  text-align: left;

  font-family: 'PT Sans', sans-serif;
	font-weight: 700;
	font-size: 15px;
	color: #7f7f7f;

	-webkit-transition: color 0.25s ease-out;
  -moz-transition: color 0.25s ease-out;
  -o-transition: color 0.25s ease-out;
  transition: color 0.25s ease-out;
}

.dropdown-content a:hover {
	color: #5c5c5c;
}

.dropdown:hover .dropdown-content {
  display: block;
}

/*---------------------------------- MOBILE MENU ---------------------------------- */ 

#button-navigation-main-mobile {
	position: fixed;
	top: 34px;
	right: 20px;
	height: 40px;
	width: 48px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 30px 30px;
	display: none;
	cursor: pointer;
	background-color: rgba(0, 66, 122, 1);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.button-navigation-main-mobile-open {
	background-image: url('../items/mobile-main-menu-button-open.svg');
}

.button-navigation-main-mobile-close {
	background-image: url('../items/mobile-main-menu-button-close.svg');
}

#container-navigation-main-mobile {
	position: absolute;
	width: 100%;
	top: 116px;
	left: 0px;
	padding-top: 3px;
	padding-bottom: 11px;
	background-color: rgba(145, 181, 49, 0.95);
	display: none;
}

.navigation-main-mobile ul,
.navigation-main-mobile ul li,
.navigation-main-mobile ul ul,
.navigation-main-mobile ul ul li {
  	list-style: none;
  	margin: 0px;
  	padding: 0px;
  	padding-left: 8px;
	font-family: 'PT Sans', sans-serif;
	font-weight: 400;
	font-size: 18px;
	-webkit-text-size-adjust: none;
}

.navigation-main-mobile ul li,
.navigation-main-mobile ul li ul li {
	padding-top: 8px;
}

.navigation-main-mobile ul ul {
	margin-top: 0px;
	margin-left: 5px;
}

.navigation-main-mobile > ul > li > a,
.navigation-main-mobile > ul > li > ul > li > a,
a.navigation-main-mobile {
	color: #ffffff;
	text-decoration: none;
}

.navigation-main-mobile > ul > li > a {
	/* text-transform: uppercase; */
}

.navigation-main-mobile > ul > li > a {
	padding-right: 15px;
	border-right: none;
}

.menu-item-arrow {
	color: #00427a;
	margin-right: 5px;
}

.menu-item-border-bottom {
	padding-bottom: 8px !important;
	border-bottom: dotted 1px rgba(255, 255, 255, 0.4);
}


/*---------------------------------- BREADCRUMB MENU ---------------------------------- */ 

#breadcrumb {
	margin-top: 15px;
	padding: 8px;
	padding-bottom: 20px;
	
	font-family: 'PT Sans', sans-serif;
	font-weight: 700;
	font-size: 15px;
	/*color: #fff;*/
	color: #5c5c5c;
	
	border-bottom: dotted 1px #d2d2d2;
	
	grid-column: 2 / 4; 
}


/*---------------------------------- BLUE LINE ---------------------------------- */

#blueLine {
	width: 100%;
	height: 8px;
	margin: 0px;
	
	margin-left: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	
	background: #00427a;
}

/*---------------------------------- TITLE IMAGE ---------------------------------- */ 

#title-image-area {
	width: 100%;
	height: 600px;
	
	margin: 0px;
	margin-top: 116px;
	padding: 0px;
	
	background-size: cover;
	background-repeat: no-repeat;
	
	z-index: 10;
}

.title-image-about-eebc {
	background-image: url("../images/eebc-title-image-company.jpg");
}

.title-image-eebc-team {
	background-image: url("../images/eebc-title-image-team.jpg");
	background-position: bottom;
}

.title-image-eebc-press-releases {
	background-image: url("../images/eebc-title-image-references.jpg");
	background-position: 50% 0%;
}

.title-image-jobs {
	background-image: url("../images/eebc-title-image-jobs.jpg");
	background-position: 50% 50%;
}

.title-image-organizations {
	background-image: url("../images/eebc-title-image-organizations.jpg");
	background-position: 50% 50%;
}

.title-image-services-emobility {
	background-image: url("../images/eebc-title-image-services.jpg");
	background-position: 50% 0%;
}

.title-image-services-emobile-consulting {
	background-image: url("../images/eebc-title-image-emobile-consulting.jpg");
	background-position: 50% 90%;
}

.title-image-our-sectors {
	background-image: url("../images/eebc-title-image-our-sectors.jpg");
	background-position: 50% 50%;
}


.title-image-eebc-case-study {
	background-image: url("../images/eebc-title-image-simulation.jpg");
	background-position: bottom;
}

.title-image-charging-stations {
	background-image: url("../images/eebc-title-image-charging-stations.jpg");
	background-position: 50% 86%;
}

.title-image-references {
	background-image: url("../images/eebc-title-image-references.jpg");
	background-position: 50% 100%;
}

.title-image-eebc-contact {
	background-image: url("../images/eebc-title-image-contact.jpg");
}

.title-image-eebc-imprint {
	background-image: url("../images/eebc-title-image-imprint.jpg");
	background-position: bottom;
}

.title-image-eebc-energy-system {
	background-image: url("../images/eebc-title-image-energy-system.jpg");
	background-position: 50% 50%;
}

#title-image-caption-area {
	position: relative;
	height: 100%;
	
	margin-left: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
}

#title-image-caption {
	position: absolute;
	bottom: 75px;
	right: 0px;
	padding-top: 5px;
	padding-bottom: 2px;
	padding-left: 20px;
	padding-right: 20px;
	
	font-family: 'PT Sans', sans-serif;
	font-weight: 400;
	font-size: 32px;
	color: #fff;
	text-align: right;
	line-height: normal !important;
	
	background-color: rgba(0, 66, 122, 0.95);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

/*---------------------------------- MAIN CONTENT ---------------------------------- */

#content-grid {
	display: grid;
	width: 100%;
  	grid-template-columns: 1fr 790px 380px 1fr;
  	grid-gap: 30px;
  	margin: 0px;
  	padding: 0px;
}

#content-column {
	grid-column: 2 / 3; 
}

#aside-column {
	grid-column: 3 / 4; 
}

#content-full-width {
	grid-column: 2 / 4;  
}

.scroll-margin-top {
	scroll-margin-top: 200px;
}

/*---------------------------------- ASIDE ---------------------------------- */ 

aside {
	width: calc(100% - 34px);
	max-width: 460px;
	margin-top: 56px;
	margin-bottom: 20px;
	padding: 16px;
	
	border: 1px solid #d2d2d2;
	border: 1px dotted #d2d2d2;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

/*---------------------------------- ASIDE ---------------------------------- */ 

.alert-box {
	width: calc(100% - 40px);
	padding-left: 20px;
	padding-right: 20px;
	background-color: #ffd5d5;
	border: solid 1px #ff3d3d;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 35px;
}

/*---------------------------------- SERVICE BOX: OUR SERVICE ---------------------------------- */ 

.service-box {
	width: 98%;
	float: left;
	margin-top: 16px;
	margin-bottom: 16px;
	padding: 1%;
	
	border: 1px solid #d2d2d2;
	border: 1px dotted #d2d2d2;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.service-box-left-col {
	width: 48%;
	float: left;
	margin-right: 4%;
}

.service-box-right-col {
	width: 48%;
	float: left;
	margin-top: 0px;
}

.service-box-left-col-item {
	width: 98%; /* 345 */
	height: 81px;
	padding: 16px;
	margin-bottom: 8px;
	
	background-color: #91b531;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	cursor: pointer;
}

.service-box-right-col-header {
	width: 98%; /* 378 */
	height: 29px;
	padding: 4px;
	
	font-family: 'PT Sans', sans-serif;
	font-weight: 400;
	font-size: 16px;
	text-align: center;
	
	background-color: #00427a;
	
	-webkit-border-top-left-radius: 5px;
	-moz-border-top-left-radius: 5px;
	border-top-left-radius: 5px;
	
	-webkit-border-top-right-radius: 5px;
	-moz-border-top-right-radius: 5px;
	border-top-right-radius: 5px;
	
	cursor: pointer;
}

.service-box-right-col-item {
	width: 98%; /* 378 */
	height: 29px;
	padding: 4px;
	
	font-family: 'PT Sans', sans-serif;
	font-weight: 400;
	font-size: 16px;
	text-align: center;
	
	background-color: #44749c;
	
	cursor: pointer;
}

.service-box-right-col-footer {
	width: 98%; /* 378 */
	height: 14px;
	padding: 4px;
	
	font-family: 'PT Sans', sans-serif;
	font-weight: 400;
	font-size: 16px;
	text-align: center;
	text-transform: uppercase;
	
	background-color: #00427a;
	
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-bottom-left-radius: 5px;
	border-bottom-left-radius: 5px;
	
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-bottom-right-radius: 5px;
	border-bottom-right-radius: 5px;
}


.service-box-left-col-item:hover {
	background-color: #a6cf38;
}

.service-box-right-col-header:hover {
	background-color: #005cad;
}

.service-box-right-col-item:hover {
	background-color: #5087b5;
}

/*---------------------------------- SERVICE BOX: ABOUT EEBC ---------------------------------- */ 

.service-box-overview-col {
	width: 32%;
	float: left;
	margin-right: 2%;
	margin-bottom: 10px;
	padding-top: 30px;
	padding-bottom: 30px;
	background-color: #91b531;
	
	font-family: 'PT Sans', sans-serif;
	font-weight: 600;
	font-size: 16px;
	text-align: center;
	color: #ffffff;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

/*---------------------------------- TEXT ---------------------------------- */ 

p.floating-text, .db-p p {
	font-family: 'PT Sans', sans-serif;
	font-weight: 400;
	font-size: 18px;
	line-height: 1.5em;
	text-align: justify;
	-ms-hyphens: auto;
  	-webkit-hyphens: auto;
  	hyphens: auto;
}

h1 {
	margin: 0px;
	margin-top: 5px;
	padding: 0px;
	
	font-family: 'PT Sans', sans-serif;
	font-weight: 400;
	font-size: 32px;
	line-height: 34px;
	
	color: #91b531;
}

h2 {
	margin: 0px;
	padding: 0px;
	
	font-family: 'PT Sans', sans-serif;
	font-weight: 400;
	font-size: 26px;
	
	color: #00427a;
}

h3 {
	margin: 0px;
	/*margin-bottom: -16px;*/
	padding: 0px;
	
	font-family: 'PT Sans', sans-serif;
	font-weight: 400;
	font-size: 20px;
	
	color: #91b531;
}

h4 {
	margin: 0px;
	padding: 0px;
	
	font-family: 'PT Sans', sans-serif;
	font-weight: 400;
	font-size: 18px;
	
	color: #00427a;
}

.font-color-green-text {
	color: #91b531 !important;
}

.font-color-blue-text {
	color: #00427a !important;
}

.font-color-white-text {
	color: #fff !important;
}

.font-color-gray-text {
	color: #5c5c5c !important;
}

.font-color-red-text {
	color: #ff3d3d !important;
}

.font-weight-400-text {
	font-weight: 400;
}

.font-weight-600-text {
	font-weight: 600;
}

.font-weight-700-text {
	font-weight: 700;
}

.font-uppercase-text {
	text-Transform: uppercase;
}

.font-size-20 {
	font-size: 20px;
}

.font-size-30px {
	font-size: 30px !important;
}

.margin-left-8px {
	margin-left: 8px !important;
}

.margin-right-8px {
	margin-right: 8px !important;
}

.margin-top-5px {
	margin-top: 5px !important;
}

.margin-top-15px {
	margin-top: 15px !important;
}

.margin-top-50px {
	margin-top: 50px !important;
}

.margin-bottom-0px {
	margin-bottom: 0px !important;
}

.margin-bottom-10px {
	margin-bottom: 10px !important;
}

.margin-bottom-35px {
	margin-bottom: 35px !important;
}

.padding-left-right-5px {
	padding-left: 5px !important;
	padding-right: 5px !important;
}

.padding-right-10px {
	padding-right: 10px !important;
}

.text-align-center {
	text-align: center !important;
}

ul.floating-text-ul {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 17px;
	
	font-family: 'PT Sans', sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	
	text-align: justify;
}

li.floating-text-li {
	margin-top: 1.15em;
	color: #91b531;
}


/*---------------------------------- LINKS ---------------------------------- */ 

a.floating-text-link, .db-p a {
	color: #5c5c5c;
	text-decoration: underline;
}

a.floating-text-link:hover, .db-p a:hover {
	text-decoration: none;
}

a.footer-text-link {
	color: #fff;
	text-decoration: underline;
}

a.footer-text-link:hover {
	text-decoration: none;
}

a.blue-bold-text-link {
	color: #00427a;
	font-weight: 600;
	text-decoration: none;
}

a.blue-bold-text-link:hover {
	text-decoration: underline;
}

a.breadcrumb-link {
	/*color: #ffffff;*/
	color: #5c5c5c;
	text-decoration: none;
}

a.breadcrumb-link:hover {
	color: #91b531;
	text-decoration: none;
}

a.text-button-link {
	color: #ffffff;
	font-weight: 400;
	text-decoration: none;
}

a.admin-button {
	color: #ffffff;
	font-size: 0.9em;
	line-height: 1em !important;
	padding: 4px;
	padding-left: 8px;
	padding-right: 8px;
	text-decoration: none;
	background-color: #00427a;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	opacity: 0.8;
}

a.admin-button:hover {
	background-color: #91b531;
	opacity: 1;
}

.button-delete {
	background-color: #d94949 !important;
}


/*---------------------------------- IMAGES ---------------------------------- */ 

img.paragraph-img {
	width: 100%;
}

figure {
	width: 100%;
	margin: 0px;
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 0px;	
}

figcaption {
	margin-bottom: 15px;
	font-family: 'PT Sans', sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	color: #00427a;
	
	text-align: center;
}

img.cv-img {
	width: calc(100% - 18px);
	padding: 8px;
	
	border: 1px solid #d2d2d2;
	border: 1px dotted #d2d2d2;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

img.reference {
	margin: 0px;
}

.db-p img {
	max-width: calc(100% - 18px);
	height: auto !important;
	padding: 8px;
	
	border: 1px solid #d2d2d2;
	border: 1px dotted #d2d2d2;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}


/*---------------------------------- FORMS ---------------------------------- */ 

form {
	margin: 0px;
	padding: 0px;
}

.form-label {
	font-family: 'PT Sans', sans-serif;
	font-weight: 400;
	font-size: 18px;
	line-height: 20px;
	color: #91b531;
}

.text-field {	
	width: calc(75% - 14px);
	max-width: 600px;
	
	padding: 6px;
	
	font-family: 'PT Sans', sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	color: #5c5c5c;
	
	border: 1px solid #d2d2d2;
	border: 1px dotted #d2d2d2;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.submit-button, .text-button {
	padding: 6px;
	padding-left: 18px;
	padding-right: 18px;
	
	font-family: 'PT Sans', sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	color: #fff;
	
	background-color: #91b531;
	
	border: none;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.submit-button:hover, .text-button:hover {
	background-color: #00427a;
	cursor: pointer;
}

.text-button {
	min-width: 200px;
	max-width: 350px; 
	margin-bottom: 20px;
}

.text-button-link {
	text-decoration: none !important;
}

.text-button-blue {
	padding: 6px;
	padding-left: 18px;
	padding-right: 18px;
	
	font-family: 'PT Sans', sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	color: #fff;
	
	background-color: #00427a;
	
	border: none;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	width: auto;
	margin-bottom: 20px;
}

.text-button-blue:hover {
	background-color: #91b531;
	cursor: pointer;
}




/*---------------------------------- FOOTER ---------------------------------- */ 

footer {
	width: 100%;
	background-color: #00427a;
	padding-bottom: 20px;
}

#footer-content-area {
	margin-left: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	
	padding-top: 24px;
	padding-bottom: 16px;
	
	font-family: 'PT Sans', sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	
	color: #fff;
}

#footer-content-header {
	float: left;
	width: 100%;
	margin-bottom: 16px;
	font-size: 18px;
}

#footer-content-column-1 {
	float: left;
	width: 25%;
	
	border-right: solid 1px #fff;
}

#footer-content-column-2 {
	float: left;
	width: 25%;
	
	border-right: solid 1px #fff;
	text-align: center;
}

#footer-content-column-3 {
	float: left;
	width: 49.75%;
	
	text-align: right;
}

.social-media-icon {
	float: right;
	
	width: 40px;
	height: 40px;
	
	margin-left: 12px;

    background-size: 40px 80px;
    background-repeat: no-repeat;
	background-position: left top;
	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.social-media-icon:hover {
	background-position: left bottom;
	cursor: pointer;
}

.social-media-icon-x {
	background-image: url(../items/social-media-icons-x-80x160-2x.png);
}

#copyright {
	float: left;
	width: 100%;
	
	margin-top: 24px;
	padding: 0px;
}

#copyright-content-area {
	margin-left: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	
	padding-top: 12px;
	padding-bottom: 12px;
	
	font-family: 'PT Sans', sans-serif;
	font-weight: 400;
	font-size: 13px;
	text-align: right;
	
	color: #fff;
}

.copyright-column {
	float: right;
	margin-left: 12px;
}

.copyright-column:last-child {
	margin-left: 0px;
}

/*---------------------------------- COOKIE INFO ---------------------------------- */ 

#cookie-info {
	position: fixed;
	width: 100%;
	height: auto;
	bottom: 0px;
	left: 0px;
	padding-top: 20px;
	padding-bottom: 10px;
	background-color: rgba(0, 66, 122, 0.95);
	display: none;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

#cookie-info-container {
	width: 1200px;
	margin: 0 auto;
}

#cookie-info-button {
	display: inline-block;
	width: auto;
	padding: 6px;
	padding-left: 18px;
	padding-right: 18px;
	text-align: center;
	
	font-family: 'PT Sans', sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	color: #fff;
	
	background-color: #91b531;
	
	border: none;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#cookie-info-button:hover {
	background-color: #7b9929;
	cursor: pointer;
}

/*---------------------------------- MAP ---------------------------------- */

#map-container {
	width: calc(100% - 32px);
	padding: 16px;

	background-color: #f7f7f7 !important;
	
	border: 1px solid #d2d2d2;
	border: 1px dotted #d2d2d2;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#leaflet-map {
    /*width: 585.506px;*/
    width: 100%;
    height: 791.999px;
    max-width: 100%;
    max-height: 100%;
    background-color: #ffffff !important;
    background-color: #f7f7f7 !important;
    z-index: 1 !important;
}

.leaflet-control-zoom a,
.leaflet-control-reset {
    width: 34px !important;
    height: 34px !important;
    background: #fff !important;
    border: none !important;
    border-radius: 4px !important;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4) !important;
    color: #333 !important;
    color: #00427a !important;
    cursor: cursor;
    text-align: center;
}

.leaflet-control-zoom a {
    font-size: 22px !important;
    line-height: 34px !important;
}

.leaflet-control-reset {
    font-size: 20px;
    line-height: 34px;
}

.leaflet-control-zoom a:hover,
.leaflet-control-reset:hover {
    background: #f4f4f4 !important;
}

.leaflet-control-reset:hover {
    cursor: pointer;
}

.leaflet-control-reset {
    margin-top: 32px !important;
}

.leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar {
	border: none !important;
}

.leaflet-touch .leaflet-bar a:first-child {
	margin-bottom: 8px !important;
}

.leaflet-control-zoom-in, .leaflet-control-zoom-out {
	font-family: 'PT Sans', sans-serif !important;
	font-weight: 400 !important;
	font-size: 16px !important;
}

.city-marker {
    width: 11px;
    height: 11px;
    background-color: rgba(0, 66, 122, 0.65);
    border-radius: 50%;
    cursor: pointer;
    border: solid 1px rgba(255, 255, 255, 0);
    transition: background-color 0.15s ease;
    z-index: 1 !important;
}

.city-marker:hover {
    background-color: rgba(0, 66, 122, 1);
    border: solid 1px rgba(255, 255, 255, 1);
}

.capital-marker {
    background: transparent;
    border: none;
    pointer-events: none;
    z-index: 1000 !important;
}

.capital-marker span {
    display: block;
    width: 10px;
    height: 10px;
    background: #ffffff;
    border-radius: 50%;
    box-sizing: border-box;
    z-index: 1000;
}

.capital-marker-label {
    position: absolute;
    left: 50%;
    bottom: 10px;
    transform: translateX(-50%);

    white-space: nowrap;

    font-family: 'PT Sans', sans-serif !important;
    font-size: 14px;
    font-weight: 400;
    color: #ffffff;

    pointer-events: none;

    text-shadow:
        0 0 2px #000,
        0 0 3px #000;

    z-index: 2000;
}

.map-info-control {
    background: #ffffff;
    padding: 10px 14px;
    border-radius: 4px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);

    font-family: 'PT Sans', sans-serif !important;
    font-size: 14px;
    line-height: 1.6;
    color: #333333;

    white-space: nowrap;
}

.map-info-control strong {
    color: #00427a;
}


/*---------------------------------- COMMON ---------------------------------- */ 

.clear {
	clear: both;
	height: 0px;
	margin: 0px;
	padding: 0px;
}


/*---------------------------------- PAGE: COMPANY ---------------------------------- */ 

#eebc-solution-overview {
	display: grid;
	width: calc(100% - 22px);
  	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: repeat(100px);
  	grid-gap: 10px;
  	margin: 0px;
	margin-top: 20px;
  	padding: 10px;
	
	border: 1px solid #d2d2d2;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.eebc-solution-overview-item {	
	width: 100%;
	height: calc(100px - 16px);
	align-self: center;
  	justify-self: center;
	justify-self: stretch;
	
	padding: 8px 0;

	font-family: 'PT Sans', sans-serif;
	font-weight: 600;
	font-size: 15px;
	color: #ffffff;
	text-align: center;
	
	background-color: #91b531;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
}

.eebc-solution-overview-item-text {
	height: calc(100px - 32px);
	padding: 16px 0;
}	


/*---------------------------------- PAGE: TEAM ---------------------------------- */ 

#eebc-cvs {
	display: grid;
	width: 100%;
  	grid-template-columns: 207px 1fr;
  	grid-gap: 30px;
  	margin: 0px;
	margin-top: 30px;
  	padding: 0px;
}

.eebc-cv-image {
	width: 100%;
	grid-column: 1 / 2; 
}

.eebc-cv-desription {
	width: 100%;
	max-width: 600px;
	grid-column: 2 / 3; 
}

/*---------------------------------- PAGE: SERVICES EMOBILITY ---------------------------------- */ 

#eebc-emobility-services-overview {	
	width: calc(100% - 40px);
	padding: 20px;
	
	border: 1px solid #d2d2d2;
	border: 1px dotted #d2d2d2;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
}

/*---------------------------------- PAGE: CHARGING STATIONS / REFERENCES ---------------------------------- */ 

.product-collapse-button {
	padding: 6px;
	padding-left: 18px;
	padding-right: 18px;
	
	font-family: 'PT Sans', sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	color: #fff;
	
	background-color: #91b531;
	
	border: none;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.product-collapse-button:hover {
	background-color: #00427a;
	cursor: pointer;
}

.product-collapse-content {
	display: none;
}

.pos-float-left {
	float: left !important;
}

.pos-inline-block { 
	display: inline-block !important;
}

#overview-charging-stations {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto auto;
	grid-column-gap: 40px;
	grid-row-gap: 40px;
	justify-items: center;
	margin-top: 25px;
	margin-bottom: 34px;
}

.charging-station-item {
	display: grid;
	grid-template-columns: 100%;
	grid-template-rows: 1fr auto;
	grid-column-gap: 0px;
	grid-row-gap: 0px;
	justify-items: center;
	align-self: center;
	border: 1px dotted #d2d2d2;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
}

.charging-station-item:hover {
	cursor: pointer;
}

.charging-station-item:hover > .charging-station-title {
	background-color: #91b531;
}

.charging-station-image {
	margin: 0 auto;
}

.charging-station-image-22 {
	width: 70%;
}

.charging-station-image-40 {
	width: 70%;
}

.charging-station-image > img {
	width: 100%;
}

.charging-station-title {
	width: calc(100% - 20px);
	color: #ffffff;
	padding: 10px;
	text-align: center;
	background-color: #00427a;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	
	-webkit-transition: background-color 0.25s ease-out;
  	-moz-transition: background-color 0.25s ease-out;
  	-o-transition: background-color 0.25s ease-out;
  	transition: background-color 0.25s ease-out;
}

a.charging-station-link {
	text-decoration: none;
}

.charging-station-detail {
	display: grid;
	width: 100%;
	grid-template-columns: 40% 60%;
	grid-template-rows: auto;
	grid-column-gap: 15px;
	margin-top: 15px;
	margin-bottom: 30px;
}

.charging-station-detail-image {
	text-align: center;
}

.charging-station-detail-image > img {
	width: 100%;
}

table.charging-station-detail-specs {
	width: calc(100% - 14px);
	font-size: 0.9em;
	line-height: 1em !important;
}

td.padding-left {
	padding-left: 12px;
}

td.align-center {
	text-align: center;
}

td.bg-color-green {
	background-color: #91b531 !important;
}

td.bg-color-light-green {
	background-color: #ebeed9 !important;
}

td.bg-color-mid-green {
	background-color: #d9dfb9 !important;
}

td.left-border-radius {
	-webkit-border-top-left-radius: 5px;
	-moz-border-top-left-radius: 5px;
	border-top-left-radius: 5px;	
}

td.right-border-radius {
	-webkit-border-top-right-radius: 5px;
	-moz-border-top-right-radius: 5px;
	border-top-right-radius: 5px;	
}




/*---------------------------------- PAGE: REFERENCES ---------------------------------- */ 

.reference-item {
	width: calc(100% - 40px);
	padding: 20px;
	
	border: 1px solid #d2d2d2;
	border: 1px dotted #d2d2d2;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
}


/*---------------------------------- PAGE: SIMULATION ---------------------------------- */ 

#eebc-simulation {
	display: grid;
	width: 100%;
  	grid-template-columns: 1fr 1fr;
  	grid-gap: 30px;
  	margin: 0px;
  	padding: 0px;
}

.eebc-simulation-image {
	width: 100%;
	grid-column: 1 / 2; 
}

.eebc-simulation-text {
	width: 100%;
	grid-column: 2 / 3; 
}


/*---------------------------------- PAGE: ORGANIZATIONS ---------------------------------- */ 

.organization-grid {
	display: grid;
	grid-template-columns: 280px 1fr;
	column-gap: 40px;
	grid-column-gap: 40px;
	row-gap: 30px;
	grid-row-gap: 30px;
}

img.organization-logos {
	width: 280px !important;
	max-width: 100%;
}


/*-------------------------------------------------------------------------------------------------------------------------------------------- */
/*---------------------------------- CSS MEDIA QUERY: HEADER, MAIN NAVIGATION MOBILE, MAIN CONTENT, FOOTER  ---------------------------------- */
/*-------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (max-width: 1920px){
	#title-image-area {
		height: 800px;
	}
	
	#container-navigation-main-mobile {
		display: none;
	}
}

@media screen and (max-width: 1400px){
	nav#main li {
		/*padding-right: 30px;*/
		/*padding-left: 30px;*/
	}
}

@media only screen and (max-width : 1280px) {
	
	.content-width {
		width: calc(100% - 40px);
		max-width: calc(100% - 40px);
		min-width: calc(100% - 40px);
	}
	
	
	/*---------------------------------- HEADER ---------------------------------- */ 
	
	header {
		height: 108px;
	}
	
	#header-content-area {
		margin-left: 20px;
		margin-right: 20px;
	}
	
	#header-logo {
		float: left;
		margin-left: 0px;
		margin-top: 12px;
		margin-right: 0px;
		margin-bottom: auto;

		background-image: url(../items/eebc.svg);
		background-size: 166px 84px;
		background-repeat: no-repeat;
		display: block;
		width: 166px;
		height: 84px;
	}
	
	
	/*---------------------------------- LANGUAGE SELECTION MENU ---------------------------------- */

	#language-menu {
		display: none;
	}
	
	
	/*---------------------------------- MAIN MENU ---------------------------------- */

	#main-nav-area {
		display: none;
	}
	
	
	/*---------------------------------- SUB MENU ---------------------------------- */

	#sub-menu-full-width {
		display: none;
	}
	
	
	/*---------------------------------- MOBILE MENU ---------------------------------- */ 

	#button-navigation-main-mobile {
		display: initial;
	}
	
	
	/*---------------------------------- BREADCRUMB MENU ---------------------------------- */ 

	#breadcrumb {
		display: none;
	}
	
	
	/*---------------------------------- TITLE IMAGE ---------------------------------- */ 
	
	#title-image-area {
		height: 600px;
	}
	
	#title-image-caption {
		bottom: 60px;
		right: 20px;
		font-size: 32px;
	}	
	
	
	/*---------------------------------- MAIN CONTENT ---------------------------------- */

	#content-grid {
		grid-template-columns: 100%;
		grid-template-rows: repeat(2, auto);
		grid-gap: 0px;
	}
	
	#content-column {
		grid-column: 1 / 2;
		grid-row: 1 / 2; 
		padding-top: 20px;
		padding-left: 20px;
		padding-right: 20px;
	}
	
	#aside-column {
		grid-column: 1 / 2;
		grid-row: 2 / 3; 
		padding-left: 20px;
		padding-right: 20px;
	}

	#content-full-width {
		grid-column: 1 / 2;
		grid-row: 3 / 4;
		padding-left: 20px;
		padding-right: 20px;
	}
	
	/*---------------------------------- TEXT ---------------------------------- */ 
	/*
	h1 {		
		font-size: 24px;
		line-height: 1em;
	}
	
	h2 {
		font-size: 20px;
		line-height: 1em;
	}
	
	h3 {
		font-size: 18px;
		line-height: 1em;
	}
	
	h4 {
		font-size: 16px;
		line-height: 1em;
	}
	*/
	
	/*---------------------------------- IMAGES ---------------------------------- */
	
	img.reference {
		margin-bottom: 25px;
	}
	
	
	/*---------------------------------- ASIDE ---------------------------------- */ 

	aside {
		margin: 0 auto;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	
	
	/*---------------------------------- FORMS ---------------------------------- */ 
	
	.text-field {
		width: calc(100% - 14px);
		max-width: 800px;
	}
	
	
	/*---------------------------------- FOOTER ---------------------------------- */ 

	footer {
		width: 100%;
		background-color: #00427a;
		padding-bottom: 0px;
	}
	
	#footer-content-area {
		width: calc(100% - 40px) !important;
		margin-left: 20px;
		margin-right: 20px;
		padding-top: 20px;
		font-size: 14px;
	}
	
	#footer-content-header {
		font-size: 15px;
	}
	
	#footer-content-column-1 {
		float: left;
		width: 100%;
		border-right: none;
	}
	
	#footer-content-column-2 {
		float: left;
		width: 100%;
		border-right: none;
		text-align: left;
	}
	
	#footer-content-column-3 {
		float: left;
		width: 100%;
		margin-top: 21px;
		text-align: left;
	}
	
	.social-media-icon {
		float: left;
		width: 30px;
		height: 30px;
		margin-left: 0px;
		margin-right: 20px;
		background-size: 30px 60px;
	}
	
	#copyright {
		float: left;
		width: 100%;
		margin-top: 16px;
		padding: 0px;
	}
	
	#copyright-content-area {
		width: calc(100% - 40px) !important;
		margin-left: 20px;
		margin-right: 20px;
		margin-bottom: 40px;
		
		padding-top: 7px;
		padding-bottom: 12px;
	
		font-size: 12px;
		text-align: left;
	}
	
	.copyright-column {
		float: left;
		width: 100%;
		margin-left: 0px;
	}
	
	#copyright-pipe-divider {
		display: none;
	}
	
	
	/*---------------------------------- COOKIE INFO ---------------------------------- */ 

	#cookie-info {
		width: 100%;
	}
	
	#cookie-info-container {
		width: calc(100% - 40px) !important;
		margin-left: 20px;
		margin-right: 20px;
	}
	
	/*---------------------------------- PAGE: COMPANY ---------------------------------- */ 

	.eebc-solution-overview-item {	
		font-size: 18px;
	}
	
	/*---------------------------------- PAGE: CHARGING STATIONS ---------------------------------- */ 
	
	#overview-charging-stations {
		width: 100% !important;
		justify-items: center;	
	}
	
	.charging-station-item {
		max-width: 350px;
	}
}




@media screen and (max-width: 1000px){
	#title-image-area {
		height: 500px;
	}
	
	#title-image-caption {
		bottom: 60px;
		right: 20px;
		font-size: 26px;
	}
	
	
	/*---------------------------------- PAGE: COMPANY ---------------------------------- */ 

	#eebc-solution-overview {
		grid-template-columns: 1fr 1fr;
	}
	
	
	/*---------------------------------- PAGE: TEAM ---------------------------------- */ 

	#eebc-cvs {
		grid-template-columns: 180px 1fr;
	}

}

@media screen and (max-width: 800px){
	#title-image-area {
		height: 400px;
	}
	
	#title-image-caption {
		bottom: 40px;
		right: 20px;
		font-size: 20px;
	}
	
	/*---------------------------------- PAGE: COMPANY ---------------------------------- */ 

	#eebc-solution-overview {
		grid-template-columns: 1fr;
	}

	
	/*---------------------------------- PAGE: TEAM ---------------------------------- */ 

	#eebc-cvs {
		grid-template-columns: 150px 1fr;
	}
	
	/*---------------------------------- PAGE: CHARGING STATIONS ---------------------------------- */ 
	
	.charging-station-title {
		font-size: 0.92em;
	}
	
	.charging-station-detail {
		grid-template-columns: 1fr;
	}
	
	.charging-station-detail-image {
		margin-bottom: 15px;
	}
	
	.charging-station-detail-image > a > img {
		width: 50%;
	}
	
	img.hor-img {
		width: calc(80% - 40px) !important;
	}
	
	.charging-station-detail-specs {
		width: 100% !important;
	}
	
}

@media screen and (max-width: 600px){
	#title-image-area {
		height: 300px;
	}
	
	#title-image-caption {
		bottom: 30px;
		right: 20px;
		font-size: 12.5px;
	}
	
	
	/*---------------------------------- FORMS ---------------------------------- */ 
	
	.text-button {
		min-width: calc(100% - 40px);
		max-width: calc(100% - 40px);
	}
	
	
	/*---------------------------------- PAGE: TEAM ---------------------------------- */ 

	#eebc-cvs {
		grid-template-columns: 100%;
	}
	
	.eebc-cv-image {
		width: 50%;
		grid-column: 1 / 2; 
	}
	
	.eebc-cv-desription {
		width: 100%;
		max-width: none;
		grid-column: 1 / 2; 
	}
	
	/*---------------------------------- PAGE: CHARGING STATIONS ---------------------------------- */ 
	
	#overview-charging-stations {
		width: 100% !important;
		grid-template-columns: 1fr;
		grid-column-gap: 0px;
		justify-items: center;
	}
	
	.charging-station-item {
		max-width: 350px;
		margin: 0 auto;
		justify-items: center;
		place-self: center;
	}
	
	
	/*---------------------------------- PAGE: SIMULATION ---------------------------------- */ 

	#eebc-simulation {
		grid-template-columns: 100%;
	}
	
	.eebc-simulation-image {
		grid-column: 1 / 2; 
	}
	
	.eebc-simulation-text {
		grid-column: 1 / 2; 
	}
	
	/*---------------------------------- PAGE: ORGANIZATIONS ---------------------------------- */ 

	.organization-grid {
		grid-template-columns: 1fr;
		column-gap: 0px;
		grid-column-gap: 0px;
		row-gap: 0px;
		grid-row-gap: 0px;
	}
	
	img.organization-logos {
		width: 280px !important;
		max-width: 100%;
		margin-top: 40px;
	}

}


@media screen and (max-width: 400px){
	
	#leaflet-map {
    height: 500px;
	}

}


@media screen and (max-width: 350px){
	
	#title-image-caption {
		display: none;
	}

}