body {
		font-family: 'Lato', sans-serif;
		font-family: 'Roboto', sans-serif;
		font-family: 'Telex', sans-serif;
		background-color: grey;
		font-style: italic;
		font-size: 1.6vw;
		background-image:url('images/GradientBackground-2.png');
		background-size:cover;
}

#footer {
		font-style: normal;
		color: black;
}

.heading {
		font-size: 2vw;
		font-weight: bold;
		color: #555;
}

.about-heading-left {
	font-size: 28px;
	font-weight: bold;
	color: rgb(99, 97, 97);
}

.about-heading-right {
	font-size: 28px;
	font-weight: bold;
	color: rgb(99, 97, 97);

}

.name {
	font-size: 2.5vw;
	font-weight: bold;
}


.multiheading
{
	font-size: 2.5vw;
	font-weight: bold;
	color: #555;
}

.aboutheading {
	font-size: 3vw;
	font-weight: bold;
	display:block;
	position:relative;
	/* margin-top:2vw; */
}

.historyheading {
	font-size: 3vw;
	font-weight: bold;
	display:block;
	position:relative;
	/* margin-top:60px; */

}


.newsheading {
	font-size: 3vw;
	font-weight: bold;
	display:block;
	position:relative;
	margin-top:2vw;
}

.aboutheading::after {
	content:'';
	height:.3vw;
	width:8%;
	background:#f24432;
	position:absolute;
	margin:auto;
	bottom:-.6vw;
	left:0;
	right:0;
}

.historyheading::after {
	content:'';
	height:.3vw;
	width:5%;
	background:#f24432;
	position:absolute;
	margin:auto;
	bottom:-.6vw;
	left:0;
	right:0;
}

.newsheading::after {
	content:'';
	height:.3vw;
	width:4%;
	background:#f24432;
	position:absolute;
	margin:auto;
	bottom:-.6vw;
	left:0;
	right:0;
}


.newsdate {
	font-size: 2.4vw;
	font-weight: bold;
	/* text-decoration:underline; */
	color: #555;
	display:inline-block;
	position:relative;
	/* margin-top:15px; */
}


button {
		font-family: 'Lato', sans-serif;
		font-family: 'Roboto', sans-serif;
		font-family: 'Telex', sans-serif;
		font-size: 1.1vw;
		color: grey;
		background-color: transparent;
		border: .15vw solid grey;
		width: 11vw;
		cursor:pointer;
		/* background: linear-gradient(to right, #ddd,#ddd); */
		background-repeat: no-repeat;
		background-size: 0 100%;
		transition: background-size 0.5s 0s;
}

button:hover {
		background-size: 100% 100%;
		color:black;
		border-color:black;
		/* transition: color 0.5s; */
	}



a {
		font-family: 'Lato', sans-serif;
		font-family: 'Roboto', sans-serif;
		font-family: 'Telex', sans-serif;
		color: black;
		font-style: normal;
		font-size: 1vw;
		text-decoration: none;
}



.top-level-section {
		width: 100%;
		margin: 0 auto;
		padding-top: .5vw;
		/* background-color: #d4d4d4; */
		position: relative;
		color:#636363;
}

.top-level-section a {
	color:#636363;
}

.top-level-section span {
	color:#636363;
}

.header-logo {
	padding-left:8%;
	padding-top:1%;
	width:17%;
	float:left;
}

.header {
	height:100%;
	width:100%;
	padding-bottom:33%;
	margin-top:2%;
	background-size:cover;
}

#sitemap {
		padding-top: 5%;
		float:right;
		width:62%;
		font-size:1.4vw;
		}


#sitemap a {
		font-size:110%;
		padding: 1.5%;
		/* background: linear-gradient(to right, #ddd, #ddd); */
		background-repeat: no-repeat;
		background-size: 0 100%;
		transition: background-size 0.5s 0s;
}

#sitemap a:hover {
	background-size: 100% 100%;
	/* background:rgb(238, 237, 237); */
	border-top-left-radius: .5em;
	border-bottom-left-radius: .5em;
	border-top-right-radius: .5em;
	border-bottom-right-radius: .5em;
	color:black;
	transition: color .5s;
  }



.vertical-product-separators {
		width: 3px;
}

#products {
		height: 15vw;
		padding-bottom:5vw;
}

.centered-fullwidth-graphic {
		margin: 0 auto;
		display: block;
}

.centered-graphic {
		margin: 0 auto;
		display: block;
}

.centered-text {
		max-width: 80%;
		margin: 0 auto;
		padding: 10px;
		text-align:center;
}

.quarterwidth {
		max-width: 25%;
}

.thirdwidth {
		max-width: 33%;
}

.halfwidth {
		max-width: 50%;
}

.twothirdswidth {
	max-width: 66%;
}

.fullwidth {
		max-width: 100%;
}


#products-container {
		text-align:center;
		width:auto;
		margin: 0 auto;
		/* height: 270px; */
}

.product-section {
		width: 19.5vw;
		height: 15.5vw;
		display: inline-table;
		position: relative;
		font-size:1vw;
}

.product-graphic {
		max-height: 100%;
		max-width: 100%;
		position: absolute;

}

.product-section-outer {
		border-left: .25vw solid;
		border-right: .25vw solid;
		border-color: #d4d4d4;
		padding-bottom:1.3vw;

}

.grey-stripe-background {
		background-image: url('./images/GreyBackgd-wLines.png');
		background-color: white;
		background-size: 100%;
}

.grey-stripe-background span {
	color:grey;
}

.grey-stripe-background p {
	color:grey;
}

.grey-stripe-background a{
	color:grey;
}

.limit-width {
	width: 75%;
	margin: 0 auto;
}

.flex-row {
	display: flex;
	flex-direction: row;
}

.flex-column {
	display:flex;
	flex-direction:column;
}


.flex-1 {
	flex:50%;
}

.flex-2 {
	flex:22%;
	padding:5px
}

.flex-3 {
	flex:30%;
	padding-left:15px;
	margin-right:-43px
}

.new-utility-button {
	position: absolute;
	bottom: -80%;
	color:grey;
	margin: 1.35vw 3.25vw;
}

.more-info-button {
	position: absolute;
	bottom: -25px;
	right:-44px;
	color:grey;
	margin: 25px 50px;
}

.wise-info-button {
	position: absolute;
	top:14.8vw;
	right:4vw;
	color:grey;

}

.cpg-info-button {
	position: absolute;
	margin-top:15vw;
	right:3.5vw;
	color:grey;
	/* margin: 25px 50px; */
}

.knowledge-button {
	position: absolute;
	color:grey;
	margin-left:3vw;
	margin-top:1vw;
}

  .dropdown {
	cursor:pointer;
	display: inline-block;
	padding:1.5%;
  }

  .dropdown-content {
	display: none;
	position: absolute;
	background-color: white;
	min-width: 8.5vw;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	margin-top:4px;
	text-align:center;
	border-bottom-left-radius: .5em;
	border-bottom-right-radius: .5em;
	border-top-left-radius: .5em;
	border-top-right-radius: .5em;
	padding:.5vw;
  }

  .dropdown-content a {
	/* color: black; */
	padding: 2%;
	text-decoration: none;
	display: block;
  }

  .b {
	width: 2vw;
  }

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

.show {
	display:block
}


.text_image_left {
	shape-outside: url(images/WISE.png);
	shape-image-threshold: 0.5;
	float: left;
	padding-right:.5vw;
	}

.text_image_box_left {
		shape-outside: shape-box;
		shape-image-threshold: 0.5;
		float: left;
		padding:.5vw
	}

.text_image_box_right {
		shape-outside: shape-box;
		shape-image-threshold: 0.5;
		float: right;
		padding: .5vw
	}

.contact-map {
	position:relative;
	top:0;
	left:0;
	margin-top:-6.5vw;
}

.map {
	position:relative;
	top:0;
	left:0;
}

.contact-info {
	position:absolute;
	margin-top:-36vw;
	margin-left:29vw;
	right:-2vw;
	text-align:center;
	color:black;
	font-size:1.5vw;
	font-style:italic;
}

.multi_p {
	margin-top:-1px
}


.shape-circle {
		width: 90%;
		margin: 0 auto;
}

.shape-circle img {
	width:11%;
	padding: 1vw;
	/* -webkit-border-radius: 1000px;
	   -moz-border-radius: 1000px;
				border-radius: 1000px; */
	-webkit-shape-outside: circle(50%);
	   -moz-shape-outside: circle(50%);
		 -ms-shape-outside: circle(50%);
				shape-outside: circle(50%);
	margin-top:-2vw;
  }


.headshot1 {
	width:25%;
	object-fit: scale-down;
	shape-image-threshold: 0.5;
	float: left;
	padding-right:1vw;
}

.headshot2 {
	width: 29%;
	object-fit: scale-down;
	shape-image-threshold: 0.5;
	float: right;
	padding-left:1vw;
}

.headshotbtmsection {
	width:31%;
	object-fit: scale-down;
	shape-image-threshold: 0.5;
	float: left;
	padding-right:1vw;;
	/* padding-bottom:1.5vw; */
}


.partners-image {
	padding:5%;
	margin:auto;
	vertical-align:middle;
	display:inline-block
}