#home-page-image {
	height: 85vh;
	max-width: 100%;
	overflow-x: hidden;
	position: relative;
	background-image: url('../img/home_bg2.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	text-align: center;
}
#home-page-image h1 {
	position: absolute;
	font-family: "Roboto Regular"; /*sans-serif, Arial, Helvetica;*/
	font-size: 4.2vw;
	font-weight: normal;
	color: white; /*#0059b3;*/
	text-shadow: 2px 2px #BBBBBB;
	top: 10%;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.2);
}
#home-page-tagline {
	font-size: 2vw;
	text-shadow: none;
}
@media only screen and (max-width: 560px) {
	#home-page-image h1 {
		font-size: 2em;
		top: 1%;
	}
	#home-page-tagline {
		font-size: 0.7em;
	}
}
#why-solar {
	margin-top: 5%;
}

#why-solar-grid {
	display: grid;
	grid-template-columns: repeat(2, 50%);
	grid-column-gap: 45px;
	grid-row-gap: 15px;
	padding-left: 10%;
	padding-right: 10%;
	font-family: "Roboto Regular";
}
.why-solar-reasons {
	display: grid;
	grid-template-columns: auto auto;
	grid-row-gap: 2px;
	/*background-color: white;*/
	font-size: 1.2em;
	/*box-shadow: 2px 2px 4px 1px #BBBBBB;*/
}
.why-solar-reasons-img {
	width: 100%;
}
.why-solar-reasons-img img {
	width: 100%;
}
.why-solar-reasons p {
	padding-left: 5%;
}

@media only screen and (max-width: 670px) {
	#why-solar-grid {
		grid-template-columns: none;
		grid-column-gap: 0;
		grid-row-gap: 15px;
		padding: 10%;
	}
	.why-solar-reasons {
		padding: 0%;
		margin-bottom: 5%;
		grid-template-columns: none;
	}
}
#what-we-do {
	margin-top: 5%;
}
#what-we-do-grid {
	display: grid;
	padding-left: 10%;
	padding-right: 10%;
	grid-template-columns: repeat(3, 33%);
	grid-column-gap: 30px;
	grid-row-gap: 30px;
	justify-items: center;
	align-items: start;
	font-size: 1.2em;
	font-family: "Roboto Regular"; /*sans-serif, Arial, Helvetica;*/
	margin-bottom: 2%;
}
.what-we-do-stuff {
	box-shadow: 2px 2px 4px 1px #BBBBBB;
	height: 100%;
	background-color: white;
}
.what-we-do-stuff-header {
	margin: 0;
	padding: 2%;
	background-color: whitesmoke; /*rgb(34, 177, 76);*/
	color: #696969; /*white;*/
	/*text-align: center;*/
	align-items: center;
	display: grid;
	grid-template-columns: 10% 90%;
	grid-column-gap: 2px;
}
.what-we-do-stuff-header svg {
	width: 80%;
	color: orange; /*#e08708;*/
}
.what-we-do-stuff p {
	/*text-align: center;*/
	padding-left: 10%;
	padding-right: 10%;
}
@media only screen and (max-width: 670px) {
	#what-we-do-grid {
		grid-template-columns: none;
	}
}
#testimonials {
	background-color: whitesmoke; /*#666666;*/
	font-family: "Roboto Regular"; /*sans-serif, Arial, Helvetica;*/
	margin: 0%;
	color: black;
	z-index: 0;
	padding-bottom: 1%;
	margin-top: 5%;
	/*margin-bottom: 5%;*/
	box-shadow: 0px 2px 20px 1px #BBBBBB;
}
#testimonials-grid {
	display: grid;
	grid-template-columns: 100% 100%;
}
.client-testimonial {
	display: grid;
	padding-left: 20%;
	padding-right: 20%;
	grid-template-columns: 30% 70%;
	justify-items: center;
	align-items: center;
	grid-column-gap: 3px;
}
.client-testimonial img {
	border-radius: 100%;
}
.client-testimonial-det {
	display: grid;
	grid-template-rows: auto;
	grid-row-gap: 3px;
}
.client-det {
	margin: 0;
	text-align: center;
	font-size: 1.2em;
}
#testimonials #left-button {
	position: absolute;
	top: 35%;
	background-color: whitesmoke;
	padding: 20px;
	border: 0px;
	opacity: 0.5;
}
#testimonials #left-button:hover {
	cursor: pointer;
	opacity: 1;
}
#testimonials #right-button {
	position: absolute;
	top: 35%;
	right: 0%;
	background-color: whitesmoke;
	padding: 20px;
	border: 0px;
	opacity: 0.5;
}
#testimonials #right-button:hover {
	cursor: pointer;
	opacity: 1;
}
.testimonial-para {
	/*text-align: center;*/
	margin-left: auto;
	margin-right: auto;
	width: 80%;
	font-size: 1.5em;
	font-style: italic;
}
/*#links {
	font-family: sans-serif, Arial, Helvetica;
	width: 100%;
	height: 100%;
	margin: 0%;
	text-align: center;
}
#links .inline-links {
	display: inline-block;
	width: 30%;
	padding: 1%;
}
#links .inline-links:hover {
	cursor: pointer;
}
#links .inline-links img {
	max-width: 80%;
}*/
#project-image-divs {
	padding-left: 10%;
	padding-right: 10%;
	margin-top: 5%;
	margin-bottom: 5%;
	text-align: center;
}
.project-image-div {
	display: inline-block;
	width: 30%;
	margin-left: 1%;
	margin-right: 1%;
}
.project-image-div img {
	max-width: 100%;
	box-shadow: 0px 2px 20px 1px #BBBBBB;
}
#left-button-images {
	position: absolute;
	top: 35%;
	background-color: whitesmoke;
	padding: 20px;
	border: 0px;
	opacity: 0.5;
	font-size: 1.3em;
}
#left-button-images:hover {
	cursor: pointer;
	color: black;
	opacity: 1;
}
#right-button-images {
	position: absolute;
	top: 35%;
	right: 0%;
	background-color: whitesmoke;
	padding: 20px;
	border: 0px;
	opacity: 0.5;
	font-size: 1.3em;
}
#right-button-images:hover {
	cursor: pointer;
	color: black;
	opacity: 1;
}
@media only screen and (max-width: 670px) {
	.testimonial-para {
		font-size: 1.2em;
	}
	.client-testimonial {
		grid-template-columns: none;
	}
	/*#links .inline-links {
		display: inline-block;
		text-align: center;
		width: 90%;
		margin-left: 4%;
	}
	#links .inline-links h2 {
		width: 100%;
		height: 300px;
		line-height: 300px;
		border: 1px solid #666666;
	}*/
	#project-images {
		grid-template-columns: none;
		padding-left: 2%;
		padding-right: 2%;
	}
	.project-image-div {
		width: 80%;
	}
	.project-image-div img {
		max-width: 100%;
	}
}