/* ------------------------------ */
/* VERTICAL SECTIONS */
/* ------------------------------ */
.S1 {
	border: 0px solid black;
	display: block;
	position: relative;
}

.S2 {
	border: 0px solid black;
	display: block;
	position: relative;
}

.S3 {
	border: 0px solid black;
	display: block;
	position: relative;
}

/* ------------------------------ */
/* HORIZONTAL SECTIONS */
/* ------------------------------ */
.heroContainer {
	position: relative;
}

.sustainabilityTextSection {
	width: 35%;
	float: left;
	position:relative;
	padding: 1px;
}

.aboutTextSection {
	width: 30%;
	float: left;
	position:relative;
	padding: 1px;
}

.aboutTextSectionRight {
	width: 35%;
	float: left;
	position:relative;
	padding: 1px;
}

.sustainabilityImageSection {
	width: 35%;
	float: left;
	border: 1px solid black;
	padding: 5px;
}

.aboutImageSection {
	width: 35%;
	float: left;
	border: 1px solid black;
	padding: 5px;
}

.footer {
	color: #ffffff;
	text-align: center;
	font-size: 12px;
	padding: 0px;
}

/* ------------------------------ */
/* MENU */
/* ------------------------------ */
.menuContainer {
	position: absolute;
	left: 30%;
	top: 1%;
}

.menuContainer ul {
  list-style-type: none;
  margin: 0;
  padding: 1vw;
  text-align: center;
  overflow: hidden;
}

.menuContainer li {
  float: left;
  width: 12vw;
  margin-left: 4vw;
  padding: 0.4em;
  font-size: 1.3vw;
  font-weight: bold;
  color: #133234;
}

.menuContainer li:hover {
  /* background-color: #0099cc; */
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	cursor: pointer;
	background-color: #133234;
	color: #ffffff;
}

/* ------------------------------ */
/* TEXT */
/* ------------------------------ */
.heading {
	font-size: 3vw;
	font-weight: bolder;
	color: #133234;
}

.heroText {
	position: absolute;
	top: 18vw;
	left: 15vw;
	font-size: 1.2vw;
	color: #133234;
	width: 30vw;
}

.sustainabilityTextSectionInner {
	position: absolute;
	left: 5vw;
	top: 5vw;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	padding: 2em;
	width: 100%;
	background-color: #fff;
	height: 33vw;
	font-size: 1.2vw;
}

.aboutTextSectionInner {
	position: absolute;
	left: 5vw;
	top: 5vw;
	padding: 2em;
	width: 100%;
	background-color: #fff;
	height: 33vw;
	font-size: 1.2vw;
}

.aboutTextSectionInnerRight {
	position: absolute;
	left: 5vw;
	top: 5vw;
	border-left: 1px solid silver;
	padding: 2em;
	width: 100%;
	background-color: #fff;
	height: 33vw;
	font-size: 1.2vw;
}

/* ------------------------------ */
/* IMAGES */
/* ------------------------------ */
.menuLogoPicture {
	width: 100%;
	height: auto;
	position: absolute;
}

.topBackground {
	width: 100%;
	height: auto;
}

.contactUsButton {
	width: 15vw;
}

.sustainabilityImg {
	width:100%;
}

.sustainabilityIcon {
	width:5vw;
}

.aboutIcon {
	width:5vw;
}

.imgFooter {
	width:100%;
	height: 100%;
}

/* ------------------------------ */
/* RESPONSIVE SCREEN SETUP */
/* ------------------------------ */
@media only screen and (max-width: 600px) {
/* For mobile phones: */
[class*="col-"] {
  width: 100%;
}
}

@media only screen and (min-width: 600px) {
  /* For tablets: */

}
@media only screen and (min-width: 710px) {
  /* For desktop: */

}

@media only screen and (min-width: 820px) {
  /* For desktop: */

}

@media only screen and (min-width: 1100px) {
  /* For LARGE desktop: */

}

@media only screen and (min-width: 1400px) {
  /* For LARGE desktop: */

}

@media only screen and (min-width: 1600px) {
  /* For LARGE desktop: */

}

/* ------------------------------ */
/* SPACERS */
/* ------------------------------ */
.spacer {
	height: 3vw;
	clear: both;
}

.spacerL {
	width: 15%;
	float: left;
}

.spacerR {
	width: 15%;
	float: right;
}

/* ------------------------------ */
/* GENERIC STYLES */
/* ------------------------------ */
body { 
  margin: 0px;
  font-family: 'Poppins', sans-serif;
}

.borderOn {
	border: 0px solid black;
}

[class*="col-"] {
  float: left;
  padding: 0px;
}

* {
  box-sizing: border-box;
}

.entry-header {
	display: none;	
}

/* ------------------------------ */