@charset "utf-8";
/* CSS Document */

/* -------------------------------------------------------------------Body ------------------------------*/
body {
	width:100%;
	font-family:  'Josefin Sans';   /* 'Roboto';  'source-sans-pro', sans-serif; */
	background-color: #FFFFFF;
	color: #423E3B;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-top:0px;
	
}




/* --------------------------------------------------Navigation----------------------------------- */
header {
	width: 100%;
	height: 120px;
	z-index: 100;
	display:flex;
	top: 0;
	background-color: transparent;
	/* border-bottom: 6px solid #FBCB0B; */

}

/*------------------------Mobile/tablet menu ---------------------*/
 
.header2 {
	width:100%;
	height:auto;
	display:none;
}

.header2 a,div {
            text-decoration: none;
            color: #423E3B;
			transition: color 0.3s ease;
        }

#menuToggle {
            display: block;
            position: relative;
            top: 50px;
            left: 50px;
			
            z-index: 1;

            -webkit-user-select: none;
            user-select: none;
        }
.header2 #menuToggle input {
            display: block;
            width: 40px;
            height: 32px;
            position: absolute;
            top: -7px;
            left: -5px;

            cursor: pointer;

            opacity: 0; /* hide this */
            z-index: 2; /* and place it over the hamburger */

            -webkit-touch-callout: none;
        }
.header2 #menuToggle span {
            display: block;
            width: 33px;
            height: 4px;
            margin-bottom: 5px;
            position: relative;
	
            background: #F7F5F5;
            border-radius: 3px;

            z-index: 1;

            transform-origin: 4px 0px;

            transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),
            background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),
            opacity 0.55s ease;
        }
#menuToggle {
	width:50%;
}



#menuToggle span:first-child {
            transform-origin: 0% 0%;
        }
#menuToggle span:nth-last-child(2) {
            transform-origin: 0% 100%;
        }

        /*
         * Transform all the slices of hamburger
         * into a crossmark.
         */
#menuToggle input:checked ~ span {
            opacity: 1;
            transform: rotate(45deg) translate(-2px, -1px);
            background: #293335;
        }

        /*
         * But let's hide the middle one.
         */
#menuToggle input:checked ~ span:nth-last-child(3) {
            opacity: 0;
            transform: rotate(0deg) scale(0.2, 0.2);
        }

        /*
         * Ohyeah and the last one should go the other direction
         */
#menuToggle input:checked ~ span:nth-last-child(2) {
            transform: rotate(-45deg) translate(0, -1px);
        }

        /*
         * Make this absolute positioned
         * at the top left of the screen
         */
#menu {
            position: absolute;
            width: 300px;
            margin: -100px 0 0 -50px;
            padding: 50px;
            padding-top: 125px;

            background: #F7F5F5;
            list-style-type: none;
            -webkit-font-smoothing: antialiased;
            /* to stop flickering of text in safari */

            transform-origin: 0% 0%;
            transform: translate(-100%, 0);

            transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0);
        }

#menu li {
            padding: 10px 0;
            font-size: 22px;
        }

        /*
         * And let's slide it in from the left
         */
#menuToggle input:checked ~ ul {
            transform: none;
        }


.onclick-menu:focus {
            /* clicking on label should toggle the menu */
            pointer-events: none;
        }

.onclick-menu:focus .onclick-menu-content {
            /*  opacity is 1 in opened state (see below) */
            opacity: 1;
            visibility: visible;
            display: inherit;
            /* don't let pointer-events affect descendant elements */
            pointer-events: auto;
        }

.onclick-menu-content {
           /* use opacity to fake immediate toggle */
            display: none;
            opacity: 0;
            visibility: hidden;
            transition: visibility 0.5s;
        }
.onclick-menu-content li{
            list-style: none;
        }


.header2 {
	background-color: #FFFFFF;
	
}
.logo2_box {
	width:40%;
	height:2em;
	margin-top: 1em;
	margin-right: 2em;
	float:right;
	
}

#logo2 img {
	width:100%;
	height:100%;
	
}




/* ----------------------------- Main header ----------------- */
.header_banner {
	width:100%;
	height:100px;
	display:flex;
	
	background-color: transparent;
	margin-top:0px;
}
















/*------------------------------------- Navbar container------------------------------- */










#lease_box {
	border: 3px solid #FBCB0B;
	color: #FBCB0B;
	margin-right:0px;
	font-size: 12pt;
	float:right;
	
}
#lease_box:hover {
	background-color:#000000;
	color: #FBCB0B;
	Font-weight: bold;
	cursor: pointer;
	
}

#logo {
	width:250px;
	margin: 10px 0 0 0;
	padding-left: 100px;
	padding-top:20px;
	
}



/*------------------------------------ Navbar container -------------------------------------------*/




.navbar {
	overflow: hidden;
	padding: 5px 5px 0 0;
	background-color: transparent;
	width: 100%;
	height:auto;
	margin: 0px 0px 0px 0px;
}


/* ------------------------------------------Links inside the navbar ----------------------*/
.navbar a {
  float: right;
  font-size: 18px;
  color: #423E3B;
  letter-spacing: 2px;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
	font-weight: bold;
}

/* --------------------------------------------The dropdown container -------------------------------*/
.dropdown {
  float: right;
  overflow: hidden;
}

/* Dropdown button */
.dropdown .dropbtn {
  font-size: 18px;
  border: none;
  outline: none;
  color: #423E3B;
  letter-spacing: 2px;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit; /* Important for vertical align on mobile phones */
  margin: 0; /* Important for vertical align on mobile phones */
	font-weight: bold;
}

/* -----------------------------------------Add a red background color to navbar links on hover----------------------------- */
.navbar a:hover, .dropdown:hover .dropbtn {
  	color: #FBCB0B;
	
}

/*-------------------------------------------- Dropdown content (hidden by default) -----------------------------*/
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #FFFFFF;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/*----------------------------------------- Links inside the dropdown----------------------- */
.dropdown-content a {
  float: none;
  color: #423E3B;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

/* -----------------------------------------Add a grey background color to dropdown links on hover------------------------ */
.dropdown-content a:hover {
  background-color: #FFFFFF;
}

/* ------------------------------------------------Show the dropdown menu on hover------------------------------------ */
.dropdown:hover .dropdown-content {
  display: block;
}

.second_nav {
	width:100%;
	height:auto;
	background-color: #FDDD5D;

	
}
.second_menu {
	display: flex;
	justify-content: center;
}


.second_menu ul {
	list-style-type: none;
	margin:0;
	padding:0;
	overflow: hidden;
	
}
.second_menu li {
	float:left;
	font-weight: normal;
	padding-right: 2em;
	letter-spacing: 1px;
	width:auto;
	text-align: center;
	
	
}
.second_menu li a {
	display:block;
	color:#FFFFFF;
	text-align: center;
	padding:16px;
	text-decoration: none;
	
	
}
.second_menu li a:hover {
	cursor: pointer;
	font-weight: bold;
	/* color: #000000; */
	
}

.third_nav {
	width: 100%;
	height:auto;
	margin-bottom: 5em;
}
.third_menu {
	width:100%;
	height: auto;
	display:flex;
	justify-content: center;
	margin-top: -0.5em;
	font-size:14pt;
	
}
.third_menu a {
	text-decoration: none;
	background-color: #FDDD5D;
	color: #FFFFFF;
	padding: 1em 2em;
	border-radius: 20px;
	margin-left: 1em;
}
.third_menu a:hover {
	font-weight: bold;
}

.third_nav2 {
	width: 100%;
	height:auto;
	
}
.third_menu2 {
	width:100%;
	height: auto;
	display:flex;
	justify-content: center;
	margin-bottom: -0.5em;
	
}
.third_menu2 a {
	text-decoration: none;
	background-color: #FDDD5D;
	color: #FFFFFF;
	padding: 1em 2em;
	border-radius: 20px;
	margin-left: 1em;
}
.third_menu2 a:hover {
	font-weight: bold;
}





/*--------------------------------------------------- Heros Section---------------------------- */

.herotest {
	background-image: url("../images/hero8.jpeg");
	/* background-attachment: fixed; */
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-color: #B3B3B3;

	display:block;
	height: 700px;
	text-align: center;
	border-top: 2px solid #FDDD5D;
}

.herotest2 {
	background-image: url("../images/hero8.jpeg");
	/* background-attachment: fixed; */
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-color: #B3B3B3;
	
	display:block;
	height: 700px;
	text-align: center;
	
}

.hero {
	background-image: url("../images/hero8.jpeg");
	/* background-attachment: fixed; */
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-color: #B3B3B3;
	margin-bottom: 50px;
	display:block;
	height: 750px;
	text-align: center;
	
}
.hero_title{
	color: #FFFFFF;
	position:absolute;
	top:10em;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	width:100%;
	font-weight: normal;
	text-align: center;
}
.hero_title h1 {
	font-size: 38pt;
	letter-spacing: 2px;
}
.hero_title h3 {
	font-size: 16pt;
	letter-spacing: 1px;
	margin-top: -2em;
}





.technologies_hero {
	background-image: url("../images/hero5.jpeg");
	/* background-attachment: fixed; */
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-color: #B3B3B3;
	margin-bottom: 50px;
	display:block;
	height: 700px;
	text-align: center;
}


.commercial_hero {
	background-image: url("../images/ppa hero 1.jpeg");
	/* background-attachment: fixed; */
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-color: #B3B3B3;
	margin-bottom: 4em;
	display:block;
	height: 600px;
	text-align: center;
}

.ppa_hero {
	background-image: url("../images/ppa hero 2.jpeg");
	/* background-attachment: fixed; */
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-color: #B3B3B3;
	margin-bottom: 50px;
	height: 600px;
	
}




.hero2 {
	background-image: url("../images/contacthero2.jpeg");
	/* background-attachment: fixed; */
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-color: #B3B3B3;
	margin-bottom: 50px;
	display:block;
	height: 500px;
	text-align: right;
}
.hero2_title{
	
	position:absolute;
	top:30%;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	width:60%;
	
	letter-spacing: 2px;
}
.hero2_title h1 {
	font-weight:normal;
	font-size: 38pt;
	color: #5D5C61;
}

.hero3 {
	background-image: url("../images/landowner_hero.jpeg");
	/* background-attachment: fixed; */
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-color: #B3B3B3;
	margin-bottom: 50px;
	display:block;
	height: 600px;
	text-align: center;
}
.hero3_title{
	color: #000000;
	position:absolute;
	top:30%;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	width:70%;
	font-size: 20pt;
	letter-spacing: 2px;
	font-weight: normal;
}

/*-------------------------------------- main content -----------------------------------*/
.main_content {
	width:100%;
	height:auto;
	margin-bottom:8em;
}

.container {
	width: 100%;
	height:auto;
	margin-top: 100px;
}


.home_gallery {
	width:100%;
	height:auto;
	margin-top: 100px;
}
.top_banner {
	width:100%;
	height:500px;
	display: flex;

}
.top_boxes {
	
	width: 50%;
	height:auto;
	
}
.top_boxes a {
	
	opacity: 70%;
	text-decoration: none;
	background-color: #423E3B;
	color: #FFFFFF;
	padding: 0.5em 3em;
	
}
.top_boxes a:hover {
	opacity: 100%;
}
#top_box1 {
	background-image: url("../images/testsix.jpeg");
	background-repeat: none;
	background-size:100% 100%;
	text-align: center;
	padding-top:10em;
	font-size: 18pt;
	
}


#top_box2 {
	background-image: url("../images/battstore.jpeg");
	background-repeat: none;
	background-size:100% 100%;
	text-align: center;
	padding-top:10em;
	font-size: 18pt;
}

.bottom_banner {
	width:100%;
	height:350px;
	display:flex;
	
}
.bottom_boxes {
	
	width: 33%;
	height:auto;
}
.bottom_boxes a {
	background-color: #423E3B;
	opacity: 70%;
	text-decoration: none;
	color: #FFFFFF;
	padding: 0.5em 3em;
	
}
.bottom_boxes a:hover {
	opacity: 100%;
}
#bottom_box1 {
	background-image: url("../images/testone.jpeg");
	background-repeat: none;
	background-size:100% 100%;
	text-align: center;
	padding-top:6em;
	font-size: 18pt;
	
}

#bottom_box2 {
	background-image: url("../images/testthree.jpeg");
	background-repeat: none;
	background-size:100% 100%;
	text-align: center;
	padding-top:6em;
	font-size: 18pt;
	
}

#bottom_box3 {
	background-image: url("../images/testtwo.jpeg");
	background-repeat: none;
	background-size:100% 100%;
	text-align: center;
	padding-top:6em;
	font-size: 18pt;
	
}



.home_lease_banner {
	width:100%;
	height:auto;
	margin-top: 4em;
	margin-bottom: 4em;
}
.home_lease_header {
	width:100%;
	height:auto;
	
}

.home_lease_header h1 {
	font-weight: normal;
	text-align: center;
	letter-spacing: 1px;
	font-size: 28pt;
	color: #FDD949;
}
.home_lease_header h3 {
	font-weight: normal;
	text-align: center;
	letter-spacing: 1px;
	font-size: 20pt;
	margin-top:-1em;
	color: #423E3B;
}

.home_lease_header p {
	font-weight: normal;
	text-align: center;
	letter-spacing: 1px;
	font-size:16pt;
	line-height: 120%;
	width:60%;
	margin-left: 20%;
	color: #423E3B;
	
}



#home_ctb {
	text-align: center;
	width:100%;
	height:auto;
	margin-top:2em;
	
}
#home_ctb a {
	text-decoration: none;
	letter-spacing: 1px;
	background-color: #FDDD5D;
	color: #5D5C61;
	font-weight: bold;
	padding: 1em 2em;
	border-radius: 20px;
}
#home_ctb a:hover {
	cursor: pointer;
	color: #FFFFFF;
	font-weight:bold;
	
	
}

.home_projects {
	width:90%;
	margin-left:5%;
	height: auto;
	padding-bottom: 0em;
	padding-top: 0em;
	margin-top: 8em;
	margin-bottom: 8em;
	display:flex;
	color: #FFFFFF;
	background-color: #423E3B;
	border-radius: 100px;
	border: 1px solid #423E3B;
}

.home_prod_head {
	font-weight: bold;
	color: #FDDD5D;
	font-size: 20pt;
	
}
.home_projects_left {
	
	width: 60%;
	height: 100%;
	
	
}
.home_projects_infobox {
	width: 70%;
	margin-left: 15%;
	margin-top:2em;
}
.home_projects_header h1 {
	font-size: 28pt;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 120%;
	color: #FFFFFF;
	text-align: center;
}
.home_projects_text {
	font-weight: bold;
	font-size: 16pt;
	letter-spacing: 1px;
	color: #FFFFFF;
}
.home_projects_bullets {
	font-size: 14pt;
	letter-spacing: 1px;
	line-height: 120%;
	color: #FFFFFF;

}
.home_projects_bullets p {
	margin-top: 2em;
}

.home_left_btn {
	text-align: left;
	width:100%;
	height:auto;
	margin-top:2em;
	padding-bottom: 3em;

	
}
.home_left_btn a {
	text-decoration: none;
	letter-spacing: 1px;
	background-color: #FDDD5D;
	color: #423E3B;
	font-weight: bold;
	padding: 1em 2em;
	border-radius: 20px;
}
.home_left_btn a:hover {
	cursor: pointer;
	color: #FFFFFF;
	font-weight:bold;
}



.home_projects_right {
	
	width: 40%;
	height: auto;

	
}
.home_projects_image1 {
	width:100%;
	height:50%;
	background-image: url("../images/projects image 1.jpeg");
	background-repeat: none;
	background-size: 100% 100%;
	border-top-right-radius: 100px;
	
	
	
}
.home_projects_image2 {
	width:100%;
	height:50%;
	background-image: url("../images/hydrogen2.jpeg");
	background-repeat: none;
	background-size: 100% 100%;
	border-bottom-right-radius: 100px;
	
}

.home_projects_image3 {
	width:100%;
	height:50%;
	background-image: url("../images/hydrogen2.jpeg");
	background-repeat: none;
	background-size: 100% 100%;
	border-bottom-right-radius: 100px;
	display: none;
}

/* ----------------------------- moving partners banner ----------------------*/
.our_partners_banner {
	width: 100%;
	height: auto;
	
	
	background-color: #CCCBC9;
	padding-bottom: 0.5em;
	padding-top: 0.5em;
}
.our_partners_banner_header {
	width:100%;
	height: auto;
	text-align: center;
}
.our_partners_banner_header h1 {
	font-weight: normal;
	text-align: center;
	letter-spacing: 1px;
	font-size: 24pt;
	color: #FFFFFF;
	
	
}

.container {
    width: 100%;
    overflow: hidden;
    margin: 10px auto;
    background-color: #FFFFFF;
}

.photobanner, .photobanner2 {
    height: 100px;
    width: 2550px;
    margin-bottom: 1px;
    font-size: 0;
}

.photobanner img, .photobanner2 img {
	margin-bottom: 10px;
	margin-right: 5px;
	height: 100px;
	width: 250px;
}

.photobanner img  {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
 
.photobanner img:hover {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    cursor: pointer;
 
    -webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
    box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
}


/*keyframe animations*/
.first {
    -webkit-animation: bannermove 30s linear infinite;
       -moz-animation: bannermove 30s linear infinite;
        -ms-animation: bannermove 30s linear infinite;
         -o-animation: bannermove 30s linear infinite;
            animation: bannermove 30s linear infinite;
}
 
@keyframes "bannermove" {
 0% {margin-left: 0px;}
 100% {margin-left: -2130px;}
}
 
@-moz-keyframes bannermove {
 0% {margin-left: 0px;}
 100% {margin-left: -2130px;}
}
 
@-webkit-keyframes "bannermove" {
 0% {margin-left: 0px;}
 100% {margin-left: -2130px;}
}
 
@-ms-keyframes "bannermove" {
 0% {margin-left: 0px;}
 100% {margin-left: -2130px;}
}
 
@-o-keyframes "bannermove" {
 0% {margin-left: 0px;}
 100% {margin-left: -2130px;}
}

.second {
    -webkit-animation: bannermoves 30s linear infinite;
       -moz-animation: bannermoves 30s linear infinite;
        -ms-animation: bannermoves 30s linear infinite;
         -o-animation: bannermoves 30s linear infinite;
            animation: bannermoves 30s linear infinite;
}
 
@keyframes "bannermoves" {
 0% {margin-left: -2130px;}
 100% {margin-left: 0px;}
}
 
@-moz-keyframes bannermoves {
 0% {margin-left: -2130px;}
 100% {margin-left: 0px;}
}
 
@-webkit-keyframes "bannermoves" {
 0% {margin-left: -2130px;}
 100% {margin-left: 0px;}
}
 
@-ms-keyframes "bannermoves" {
 0% {margin-left: -2130px;}
 100% {margin-left: 0px;}
}
 
@-o-keyframes "bannermoves" {
 0% {margin-left: -2130px;}
 100% {margin-left: 0px;}
}


/* -------------------------------- commercial energy supply page -------------- */


.commercial_main {
	width:100%;
	height:auto;
	margin-top: 4em;
	margin-bottom: 4em;
}
.commercial_header {
	width:100%;
	height:auto;
	color: #423E3B;
}

.commercial_header h1 {
	font-weight: normal;
	text-align: center;
	letter-spacing: 1px;
	font-size: 28pt;
	color: #FDDD5D;
}
.commercial_header h3 {
	font-weight: normal;
	text-align: center;
	letter-spacing: 1px;
	font-size: 20pt;
	margin-top:-0.5em;
	color: #423E3B;
}

.commercial_header p {
	font-weight: normal;
	text-align: center;
	letter-spacing: 1px;
	font-size:16pt;
	line-height: 120%;
	width:60%;
	margin-left: 20%;
	color: #423E3B;
	
}
.commercial_process {
	width:100%;
	text-align: center;
	margin-top: 2em;
	margin-bottom: 5em;		  
	
}
.commercial_process p {
	font-weight: bold;
	font-size: 18pt;
	color: #423E3B;
}


.commercial_text_model p{
	text-align: left;
	font-size: 16pt;
}
.comm_headings {
	font-weight: bold;
}

.commercial_sectors_banner {
	width: 80%;
	margin-left: 10%;
	height: auto;
	background-color: #423E3B;
	border-radius: 80px;
	display: flex;
}

.commercial_sectors_box {
	width: 8%;
	height: 6em;
	margin-top: 2em;
	margin-bottom: 2em;
	margin-left: 4%;
	
	
}

.sectors_content {
	width:100%;
	height:100%;
	
	
}
.sectors_icon {
	width: 100%;
	height: 80%;
	
}

.sectors_title {
	width: 100%;
	height: 10%;
	
}
.sectors_title p {
	text-align: center;
	font-weight:normal;
	font-size: 14pt;
	color: #FFFFFF;
}

#comm_box_1 {
	background-image: url("../images/manu-icon.png");
	background-repeat: no-repeat;
	background-size: 80% 100%;
	margin-left:10%
}
#comm_box_2 {
	background-image: url("../images/agri icon.png");
	background-repeat: no-repeat;
	background-size: 80% 100%;
	margin-left:10%
}
#comm_box_3 {
	background-image: url("../images/retail icon.png");
	background-repeat: no-repeat;
	background-size: 80% 100%;
	margin-left:10%
}
#comm_box_4 {
	background-image: url("../images/bank icon.png");
	background-repeat: no-repeat;
	background-size: 80% 100%;
	margin-left:10%
}
#comm_box_5 {
	background-image: url("../images/energy icon.png");
	background-repeat: no-repeat;
	background-size: 80% 100%;
	margin-left:10%
}
#comm_box_6 {
	background-image: url("../images/agri icon.png");
	background-repeat: no-repeat;
	background-size: 80% 100%;
	margin-left:10%
}
#comm_box_7 {
	background-image: url("../images/agri icon.png");
	background-repeat: no-repeat;
	background-size: 80% 100%;
	margin-left:10%
}
#comm_box_8 {
	background-image: url("../images/agri icon.png");
	background-repeat: no-repeat;
	background-size: 80% 100%;
	margin-left:10%
}

/* -------------------------------------- ppa page ----------------------------- */

.direct_ppa_banner2 { display: none;}



.ppa_banner {
	width: 100%;
	height: auto;
	
}
.ppa_header {
	width:100%;
	height:auto;
}
.ppa_header h1{
	font-size: 28pt;
	text-align: center;
	letter-spacing: 1px;
	font-weight: normal;
	color: #FDD949;
}
.ppa_header h3 {
	font-size: 20pt;
	text-align: center;
	letter-spacing: 1px;
	color: #423E3B;
	font-weight: normal;
	margin-top: -0.5em;
}
.ppa_header h4 {
	text-align: center;
	margin-top: 2em;
	font-size: 18pt;
	letter-spacing: 1px;
	color: #423E3B;
}
.ppa_header p {
	width:60%;
	margin-left: 20%;
	font-size: 16pt;
	text-align: left;
	letter-spacing: 1px;
	line-height: 120%;
	color: #423E3B;
	
}

.direct_ppa_banner {
	width:100%;
	height: 550px;
	display: flex;
	margin-top:100px;
	border-top: 1px solid #423E3B;
	

	
}
.direct_ppa_imagebox {
	width: 50%;
	height:100%;
	
	
	
}
.direct_ppa_image {
	
	width: 90%;
	height: 80%;
	margin-top: 5%;
	margin-left:5%;
	background-image: url("../images/directPPA.png");
	background-repeat: none;
	background-size: 100% 100%;
	
	
}
.direct_ppa_textbox {
	width: 50%;
	height:100%;
	background-color: #423E3B;
	
}
.direct_ppa_text {
	width: 80%;
	height:auto;
	margin-left: 10%;
	
	
	
}
.direct_ppa_text h3 {
	text-align: center;
	font-size: 20pt;
	letter-spacing: 1px;
	font-weight: bold;
	margin-top: 3em;
	margin-bottom: 2em;
	color: #FFFFFF;
}
.direct_ppa_text p {
	text-align: center;
	font-size: 14pt;
	letter-spacing: 1px;
	line-height: 120%;
	color: #FFFFFF;
	font-weight: normal;
	margin-bottom: 2em;
	
	
}

.sleeved_ppa_banner {
	width:100%;
	height: 500px;
	display: flex;
	border-bottom: 1px solid #423E3B;
	margin-bottom: 100px;
	
	
}
.sleeved_ppa_imagebox {
	width: 50%;
	height:100%;
	
}
.sleeved_ppa_image {
	width: 90%;
	height: 80%;
	margin-top: 5%;
	margin-left:5%;
	background-image: url("../images/sleevedPPA.png");
	background-repeat: none;
	background-size: 100% 100%;
}
.sleeved_ppa_textbox {
	width: 50%;
	height:100%;
	background-color: #423E3B;
	
}
.sleeved_ppa_text {
	width: 80%;
	height:auto;
	margin-left: 10%;
	
	
}
.sleeved_ppa_text h3 {
	text-align: center;
	font-size: 20pt;
	letter-spacing: 1px;
	color: #FFFFFF;
	font-weight: bold;
	margin-top: 3em;
	margin-bottom: 2em;
}
.sleeved_ppa_text p {
	text-align: center;
	font-size: 14pt;
	letter-spacing: 1px;
	line-height: 120%;
	color: #FFFFFF;
	font-weight: normal;
	margin-bottom: 2em;
	
	
}



/* ------------------------------------------- partners gallery ----------------*/


.partners_header {
	width:100%;
	height:auto;
	font-size: 20pt;
	color: #5D5C61;
}

.partners_header h1 {
	font-weight: normal;
	text-align: center;
	color: #5D5C61;
}

.our_partners {
	width: 100%;
	height: auto;
	border-top: 3px solid #5D5C61;
}

.partners_banner {
	width:100%;
	height:auto;
	display: flex;
	
}

.partner_logo {
	width: 14%;
	height:6em;
	
	margin-left:5%;
}
.partner_logo img {
	width:100%;
	height:100%;
}


/* ---------------------------------- partners page ---------------------- */


.left_column {
	width:36%;
	height: auto;
	margin-left: 10%; 
}
.partner_box {
	border-top:1px dashed #5D5C61;
	width: 100%;
	height: auto;
	margin-bottom: 20px;
}
.partner_box h4 {
	letter-spacing: 1px;
	padding-left: 15px;
	font-size: 18pt;
	color: #5D5C61;
}
.partner_box p {
	padding-left: 15px;
	color: #5D5C61;
	font-size: 16pt;
	letter-spacing: 1px;
}
.partner_link a {
	text-decoration: none;
	padding-left: 15px;
	font-size: 18pt;
}

.partner_logo {
	
	width: 200px;
	height: 100px;
}


.left_column h1 {
	font-weight: normal;
	font-size: 26pt;
	letter-spacing: 2px;
	text-align: center;
	color: #5D5C61;
	
}


#biulogo {
	width:200px;
	margin-top:20px;
}
#selogo {
	width:250px;
}	
	


.right_column {
	width:48%;
	height: auto;
	margin-left:5%;
	
	
}
#image1 {
	
	width: 100%;
	height:auto;
	display:block;
	/* border: 1px solid #0d1f2b; */
	
}
#image2 {
	
	width: 50%;
	height: auto;
	margin-top:2%;
	margin-bottom: 2%;
	display:flex;
	float:left;
	
}
#image3 {
	
	width: 48%;
	height: auto;
	margin-top:2%;
	margin-bottom: 2%;

	display:flex;
	float:right;
	
	
}
#image4 {
		
	width: 48%;
	height: 230px;
	display:block;
	float:right;
}

#image5 {
	width: 100%;
	height: auto;
	display: block;
	clear:both;
	margin-top: 2%;
	margin-bottom: 2%;
}

/* --------------------------- about us page ---------------------------- */

.aboutUs_gallery {
	width: 100%;
	height: 300px;
	display: flex;
	
}
#aboutUs_gallery_box1 {
	width: 33.3%;
	height: auto;
	background-image: url("../images/solar box 4.jpeg");
	background-repeat: none;
	background-size: 100% 100%;
	
}
#aboutUs_gallery_box2 {
	width: 33.3%;
	height: auto;
	background-image: url("../images/solar box 1.jpeg");
	background-repeat: none;
	background-size: 100% 100%;

}
#aboutUs_gallery_box3 {
	width: 33.3%;
	height: auto;
	background-image: url("../images/solar box 2.jpeg");
	background-repeat: none;
	background-size: 100% 100%;
	
}



.about_container {
	width:100%;
	height:auto;
	margin-bottom: 6em;
}

.about_header {
	width: 100%;
	height:auto;
	text-align: center;
}

.about_header h1 {
	width: 100%;
	text-align: center;
	letter-spacing: 1px;
	font-size: 28pt;
	font-weight: normal;
	color: #FDDD5D;
}
.about_header h3 {
	width: 100%;
	text-align: center;
	letter-spacing: 1px;
	font-weight: normal;
	font-size: 20pt;
	margin-top: -0.5em;
	color: #423E3B;
}
.about_header p {
	width: 60%;
	margin-left: 20%;
	letter-spacing: 1px;
	font-size: 16pt;
	font-weight: normal;
	line-height: 120%;
	color: #423E3B;
}

.theTeam_banner {
	width: 100%;
	height:auto;
	background-color: #423E3B;
	padding-top: 1em;
	padding-bottom:2em;
	margin-bottom: 6em;
}
.theTeam_Header {
	width:100%;
	height:auto;
	text-align: center;
	
}
.theTeam_Header h1 {
	font-size: 28pt;
	font-weight: normal;
	letter-spacing: 1px;
	color: #FDDD5D;
}

.theTeam_top {
	width:100%;
	height:400px;
	display: flex;
	padding-bottom: 4em;
	
}
.theTeam_bottom {
	width:100%;
	height:400px;
	display: flex;
	
}
.theTeam_box_top {
	
	width: 20%;
	height:100%;
	display:flex;
	
	
	
	
	
}
.theTeam_box_bottom {
	width: 20%;
	height: 100%;
	display: flex;
	
	
}

.theTeam_photo {
	width:100%;
	height: 80%;
	border: 1px solid #FFFFFF;
}
#mat {
	margin-left: 15%;
	
}
#mat img {
	width: 100%;
	height:100%;
	
}
#alex {
	margin-left: 5%;
}
#alex img {
	width: 100%;
	height:100%;
}
#dan {
	margin-left: 5%;
}
#dan img {
	width: 100%;
	height:100%;
}
#chris {
	margin-left: 27.5%;
}
#chris img {
	width: 100%;
	height:100%;
}
#misc {
	margin-left: 5%;
}
#misc img {
	width: 100%;
	height:100%;
}
.theTeam_name {
	width:100%;
	height:20%;
	
	
}
.theTeam_name h3 {
	color: #FFFFFF;
	text-align: center;
	font-weight: normal;
	letter-spacing: 1px;
	font-size: 18pt;
}
.theTeam_name h4 {
	color: #FDDD5D;
	text-align: center;
	font-weight: normal;
	letter-spacing: 1px;
	font-size: 14pt;
	margin-top: -1em;
}
/* --------------------------------- solar and battery ----------------------*/
.chevrons {
	padding-left: 3em;
	color: #423E3B;
}
.chevron_text {
	padding-left: 5em;
	color: #423E3B;
}
.solar_container {
	width: 100%;
	height:auto;
	margin-top: 4em;
	margin-bottom: 8em;
}

.solar_header {
	width:100%;
	height: auto;
	
	margin-bottom: 6em;

}
.solar_header h1 {
	width: 100%;
	text-align: center;
	letter-spacing: 1px;
	font-size: 28pt;
	font-weight: normal;
	color: #FDDD5D;
	
}
.solar_header h3 {
	width: 100%;
	text-align: center;
	letter-spacing: 1px;
	font-weight: normal;
	font-size: 20pt;
	margin-top: -0.5em;
	color: #423E3B;
	
}
.solar_header h4 {
	text-align: center;
	margin-top: 2em;
	font-size: 18pt;
	letter-spacing: 1px;
	color: #423E3B;
}
.solar_header p {
	width: 60%;
	margin-left: 20%;
	letter-spacing: 1px;
	font-size: 16pt;
	font-weight: normal;
	line-height: 120%;
	color: #423E3B;
}
.solar_content {
	width: 80%;
	height:auto;
	background-color: #B3B3B3;
	margin-left: 10%;
	margin-top:4em;
	padding-bottom:4em;
	border-radius: 40px;
}
.solar_content h3 {
	width: 100%;
	text-align: center;
	letter-spacing: 1px;
	font-weight: normal;
	font-size: 20pt;
	margin-top: -20px;
	color: #FFFFFF;
	padding-top:50px;
}
.technologies_solar_gallery {
	width: 100%;
	height: 300px;
	display: flex;
	
}
#solar_gallery_box1 {
	width: 33.3%;
	height: auto;
	background-image: url("../images/solar box 4.jpeg");
	background-repeat: none;
	background-size: 100% 100%;
	
}
#solar_gallery_box2 {
	width: 33.3%;
	height: auto;
	background-image: url("../images/solar box 1.jpeg");
	background-repeat: none;
	background-size: 100% 100%;

}
#solar_gallery_box3 {
	width: 33.3%;
	height: auto;
	background-image: url("../images/solar box 2.jpeg");
	background-repeat: none;
	background-size: 100% 100%;
	
}

.battery_container {
	width: 100%;
	height:auto;
	
	margin-bottom: 8em;
	
	
}

.battery_header {
	width:100%;
	height: auto;
	margin-top:4em;
	margin-bottom: 6em;
	
}
.battery_header h1 {
	width: 100%;
	text-align: center;
	letter-spacing: 1px;
	font-size: 28pt;
	font-weight: normal;
	color: #FDDD5D;
	
}
.battery_header h3 {
	width: 100%;
	text-align: center;
	letter-spacing: 1px;
	font-weight: normal;
	font-size: 20pt;
	margin-top: -0.5em;
	color: #423E3B;
	
	
	
}
.battery_header h4 {
	text-align: center;
	margin-top: 2em;
	font-size: 18pt;
	letter-spacing: 1px;
	color: #423E3B;
	
}
.battery_header p {
	width: 60%;
	margin-left: 20%;
	letter-spacing: 1px;
	font-size: 16pt;
	font-weight: normal;
	line-height: 120%;
	color: #423E3B;
	
}
.battery_content {
	width: 80%;
	height:auto;
	background-color: #B3B3B3;
	margin-left: 10%;
	margin-top:4em;
	padding-bottom:4em;
	border-radius: 40px;
	
}
.battery_content h3 {
	width: 100%;
	text-align: center;
	letter-spacing: 1px;
	font-weight: normal;
	font-size: 20pt;
	margin-top: -20px;
	color: #FFFFFF;
	padding-top:50px;
	
}
.technologies_battery_gallery {
	width: 100%;
	height: 300px;
	display: flex;
	
}
#battery_gallery_box1 {
	width: 33.3%;
	height: auto;
	background-image: url("../images/battery.jpeg");
	background-repeat: none;
	background-size: 100% 100%;
	
}
#battery_gallery_box2 {
	width: 33.3%;
	height: auto;
	background-image: url("../images/hero5.jpeg");
	background-repeat: none;
	background-size: 100% 100%;

}
#battery_gallery_box3 {
	width: 33.3%;
	height: auto;
	background-image: url("../images/battstore.jpeg");
	background-repeat: none;
	background-size: 100% 100%;
	
}



.faq_question {
	width:90%;
	margin-left:5%;
	color: #FFFFFF;
	text-align: center;
	font-weight: normal;
	font-size: 13pt;
	letter-spacing: 1px;
}
.question {
	font-size: 20pt;
	font-weight: bold;
	color: #423E3B;
}
.faq_answer {
	width:90%;
	font-size: 13pt;
	margin-left: 5%;
	color: #FFFFFF;
	text-align: center;
	font-weight: normal;
	padding-bottom:10px;
	letter-spacing: 1px;
}
.answer {
	font-size: 20pt;
	font-weight: bold;
	color: #423E3B;
}





/* ----------------------------------- home process --------------------------*/

/* 
.home_our_process {
	width:100%;
	height:auto;
	margin-top: 150px;
	margin-bottom: 50px;
}

.home_process_banner {
	width: 100%;
	height:400px;
	display: flex;
	
}
.home_process_box {
	width: 25%;
	height:auto;

}
#home_process_one {
	background-color: #293335;
}
#home_process_two {
	background-color: #4F5D60;
}
#home_process_three {
	background-color: #CCCBC9;
}
#home_process_four {
	background-color: #F7F5F5;
}

*/

/* ---------------------------------------our mission------------------------ */
.our_mission {
	width: 100%;
	height: auto;
	
	
}

.mission_header {
	width:100%;
	
	
	
}
.mission_header h1 {
	font-size: 28pt;
	font-weight: normal;
	text-align: center;
	color: #FDD949;
}
.mission_statement h3 {
	font-size: 20pt;
	text-align: center;
	letter-spacing: 1px;
	color: #423e3b;
	font-weight: normal;
	width: 60%;
	margin-left:20%;
	margin-top: 0em;
}
.mission_statement p {
	width:60%;
	margin-left: 20%;
	text-align: center;
	letter-spacing: 1px;
	font-size: 16pt;
	color: #423E3B;
	
}



.high_text {
	color: #FBCB0B;
	font-weight: normal;
}
.high_text a {
	text-decoration: none;
	color: #FBCB0B;
}

.high_text:hover {
	cursor: pointer;
	font-weight: bold;
	
}

.home_top_btn {
	text-align: center;
	width:100%;
	height:auto;
	margin-top:2em;
	margin-left:0%;
}
.home_top_btn a {
	text-decoration: none;
	letter-spacing: 1px;
	background-color: #FDDD5D;
	color: #423E3B;
	padding: 1em 2em;
	font-weight: bold;
	border-radius: 20px;
}
.home_top_btn a:hover {
	cursor: pointer;
	color: #FFFFFF;
	font-weight:bold;
	
}



/* ------------------------------------ContactPage -------------------------*/

.form_answer_box {
    width: 100%;
    height:400px;.
    text-align: center;
}
.form_answer {
    width: 100%;
    height: auto;
    text-align: center;
}
.form_answer h3 {
    width:100%;
    font-weight: 24pt;
    font-weight: normal;
    letter-spacing: 1px;
    text-align: center;
}



.contact_details_banner {
	width:100%;
	height: auto;
	margin-bottom: 6em;

}
.contact_details_header {
	width: 100%;
	height: auto;
	text-align: center;
}
.contact_details_header h1 {
	font-weight: normal;
	font-size: 28pt;
	text-align: center;
	color: #5D5C61;
	letter-spacing: 1px;
	margin-bottom: 1em;
}
.contact_details_content {
	width:100%;
	height: auto;
	display: flex;
	margin-top: 5em;
	margin-bottom: 5em;
	
}
.contact_address {
	width: 55%;
	height: auto;
	padding-top: 5em;
	padding-bottom: 5em;
}
.contact_address_text {
	width: 80%;
	margin-left: 10%;
}
.contact_address_text p {
	font-size: 16pt;
	color: #423E3B;
	letter-spacing: 1px;
	font-weight: normal;
	line-height: 120%;
	margin-top:2em;
	margin-bottom: 3em;
}
.contact_address_detail {
	width: 80%;
	margin-left: 10%;
}
.contact_address_detail p {
	font-size: 18pt;
	color: #423E3B;
	letter-spacing: 1px;
	line-height: 150%;
}
.contact_details_image {
	width: 40%;
	height: auto;
	background-image: url("../images/map2.png");
	background-repeat: none;
	background-size: 100% 100%;
	border: 1px solid #423E3B;
}
.contact_form_banner {
	width: 100%;
	height: auto;
	margin-bottom: 50px;
}
.contact_form_content {
	
	background-color: #CCCBC9;
	padding: 20px;
	width: 100%;

}
.contact_form_content input[type=text], textarea {
	width: 100%;
	padding: 16px 12px;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-sizing: border-box;
	margin-top: 6px;
	margin-bottom: 16px;
	resize: vertical;
}
.contact_form_content input[type=submit] {
	background-color: #FDDD5D;
	color: #423E3B;
	padding: 12px 20px;
	border: none;
	border-radius: 4px;
	cursor: pointer;
}
.contact_form_content input[type=submit]:hover {
	color: #FFFFFF;
}

/* ----------------------------------contact button banner ----------------------*/

.contact_btn_container2 {
	width:100%;
	height: 450px;

	background-image: url("../images/hero2.jpeg");
	background-repeat: none;
	background-size: 100% 100%;
	display:flex;
}
.ct_back {
	width:100%;
	height:100%;
	background-color: black;
	opacity: 65%;
	display: flex;
	text-align: center;
}
.ct_front {
	width:70%;
	margin-left:15%;
	height:auto;
	color:#FFFFFF;
	margin-top: 100px;
	
}
.ct_front h3 {
	font-weight: none;
	font-size: 20pt;
	letter-spacing: 2px;
	opacity:100%;
	
}
.ct_front p {
	letter-spacing: 1px;
	font-size: 16pt;
	
}
.ct_front a {
	color: #FFFFFF;
	text-decoration: none;
	border: 3px solid #FBCB0B;
	padding: 10px 10px;
	font-weight: bold;
	letter-spacing: 2px;
	background-color: #FBCB0B;
	
}
.ct_front a:hover {
	cursor: pointer;
	background-color: black;
	color: #FFFFFF;
	font-weight:bold;
	border: 3px solid #FFFFFF;
	
}







.contact_btn_container {
	width:100%;
	height:350px;
	padding-top:50px;
	

}

.contact_btn_banner {
	width:80%;
	margin-left:10%;
	height:300px;
	background-image: url("../images/contactbtn1.jpeg");
	background-repeat: no-repeat;
	background-size:100%;
}
.contact_btn_text {
	
	width:60%;
	margin-left:40%;
	padding-top:80px;
	text-align: center;
	letter-spacing: 2px;
	color: #FFFFFF;
}
.contact_btn_text a {
	color: #FFFFFF;
	text-decoration: none;
	border: 3px solid #FFFFFF;
	padding: 10px 10px;
	font-weight: bold;
}
.contact_btn_text a:hover {
	cursor: pointer;
	background-color: #FFFFFF;
	color: #000000;
	font-weight:bold;
}





/* ---------------------------------------gallery banner --------------------------*/
.gallery_banner {
	width: 100%;
	height: auto;
	margin: 50px 0px 0px 0px;
}
.gallery_row {
	width:100%;
	height: 250px;
	border-top: 10px solid #FFFFFF;
	border-bottom: 10px solid #FFFFFF; 
	display:flex;
	
}
.gallery_row2 {
	width:100%;
	height: 250px;
	border-bottom: 10px solid #FFFFFF;
	display:flex;
	
}

.gallery_row3 {
	display:none;
	
}
.gallery_box {
	width:32.5%;
	height:100%;
	border-left: 10px solid #FFFFFF;
	letter-spacing: 1px;
	font-size: 16pt;
	background-color:white;
	text-align: center;
	position: relative;
	
}
.box_header {
	
	opacity: 60%;
}

.box_header h3 {
	background-color: black;
	color: #FFFFFF;
}

.gallery_box img:hover {
	opacity:40%;
	cursor:pointer;
}
.gallery_box:hover .box_header {
	display:none;
}





.box_img {
	width:100%;
	height:100%;
	position:absolute;
	z-index: 1;
	
}
.box_img img {
	width:100%;
	height:100%;
}
.box_header {
	width:100%;
	text-align: center;
	position:absolute;
	z-index: 10;
	top:20%;
}







/*--------------------------------------- our team ----------------------------*/


.our_team {
	width:100%;
	height:auto;
	margin-top: 100px;
	margin-bootm:0;
	
	
	
}
.our_team_text {
	width:60%;
	margin-left:20%;
	text-align: center;
	letter-spacing: 1px;
	color: #5D5C61;
	font-size:16pt;
	font-weight: bold;
	
}

.team_header {
	width:100%;
	font-size:20pt;
	
	padding-top:1em;
}
.team_header h1 {
	font-weight: normal;
	text-align: center;
	color: #5D5C61;
}


.team_photo_container {
	width:100%;
	height:auto;
	margin-top:0;
	
}
.photo_banner {
	width:100%;
	height:auto;
}


.photo_header {
	width:100%;
	text-align: center;
	font-size: 20pt;
	letter-spacing: 2px;
}
.top_photos {
	
	width: 100%;
	height: 400px;
	display:flex;
	background-color: transparent;
	
}
.bottom_photos {
	
	width: 100%;
	height: 400px;
	margin-top:50px;
	display:flex;
	background-color: transparent;
	

}
.photo_box1 {

	width:16%;
	height:auto;
	
	margin-top: 20px;
	
}
#left_photo1 {
	margin-left:21%;
	
}
#midd_photo {
	margin-left:5%;
	margin-right:5%;
}
#left_photo2 {
	margin-left: 31%;
	margin-right: 6%;
}


.photo_box2 {
	
	width:16%;
	height:auto;
	margin-top:20px;

	
}
.staff_image {
	
	width:80%;
	height:60%;
	margin-left:10%;
	margin-top:5%;
}
.staff_text {
	width:90%;
	height:20%;
	margin-left:5%;
	color: #5D5C61;
	text-align: center;
	
}
.staff_text h4 {
	font-size:16pt;
	letter-spacing: 2px;
}
.staff_text p {
	font-weight: bold;
	letter-spacing: 1px;
	margin-top: -1em;
	marging-bottom: 1em;
}
.staff_photo {
	width:100%;
	height:100%;
}



/* ---------------------------------------------------contact banner ---------------------------------*/
.contact_banner {
	width: 100%;
	height: auto;
	display:flex;
	margin-top:50px;
	
	
}

.contact_banner_header {
	width:100%;
	margin-top:50px;
	text-align: center;
	letter-spacing: 2px;
	font-size:18pt;
	
	
}
.contact_banner_header h1 {
	font-weight: normal;
}


.contact_header {
	width:100%;
	letter-spacing: 1px;
	text-align: center;
	background-color: #5D5C61;
	color:#FFFFFF;
	margin-top:50px;

}
.contact_header h1 {
	width:80%;
	margin-left:10%;
	padding: 10px 0px;
}

.contact_details {
	width:35%;
	float:left;
	text-align:right;
	margin-top: 200px;
	
}
.contact_details h3 {
	font-weight: bold;
	font-size: 18pt;
	letter-spacing: 1px;
}
.contact_details p {
	font-weight: bold;
	font-size: 12pt;
	letter-spacing: 1px;
}

.contact_image {
	width:50%;
	height:auto;
	margin-top:0px;
	
	background-image: url("../images/contactUs4.jpeg");
	background-repeat: no-repeat;
	background-size: 100%;
}
.contact_image2 {
	width:50%;
	height:auto;
	margin-top:0px;
	
	background-image: url("../images/contactUs3.jpeg");
	background-repeat: no-repeat;
	background-size: 100%;
	border-top: 1px solid #5D5C61;
	border-bottom: 1px solid #5D5C61;
}

.form_container {
	margin-top: 0px;
	width: 50%;
	height: 100%;
	background-color: #FFFFFF;
	color: #0d1f2b;
	float:right;
	border-top: 1px solid #5D5C61;
	border-bottom: 1px solid #5D5C61;
	border-left: 1px solid #5D5C61;
}
.form_container h3 {
	text-align: center;
	font-weight: bold;
	font-size: 16pt;
	letter-spacing: 2px;
}

form { max-width:420px; margin:50px auto; }

.feedback-input {
  color: #0d1f2b;
  /* font-family: Helvetica, Arial, sans-serif; */
  font-weight:500;
  font-size: 18px;
  border-radius: 5px;
  line-height: 22px;
  background-color: transparent;
  border:2px solid #5D5C61;
  transition: all 0.3s;
  padding: 13px;
  margin-bottom: 15px;
  width:100%;
  box-sizing: border-box;
  outline:0;
	
}

.feedback-input:focus { border:2px solid #5D5C61; }

textarea {
  height: 150px;
  line-height: 150%;
  resize:vertical;
}

[type="submit"] {
  font-family: 'Montserrat', Arial, Helvetica, sans-serif;
  width: 100%;
  background:#5D5C61;
  border-radius:5px;
  border:0;
  cursor:pointer;
  color:white;
  font-size:24px;
  padding-top:10px;
  padding-bottom:10px;
  transition: all 0.3s;
  margin-top:-4px;
  font-weight:700;
}
[type="submit"]:hover { background:#5D5C61; }


/*-------------------------------- landowners section ----------------------------------------*/

/*------------------------------- process banner ----------------------------*/

.process_image_banner {
	width: 100%;
	height:auto;
	margin-top: 100px;
	margin-bottom: 100px;
}
.process_image_box {
	width:100%;
	height:600px;
	background-image: url("../images/infographic bandw.png");
	bacjground-repeat: none;
	background-size: 100% 100%;
}
.process_image_box h3 {
	width:100%;
	color: #423E3B;
	text-align: center;
	font-weight: normal;
	font-size:24pt;
	letter-spacing: 1px;
	padding-top: 50px;
	margin-top: -1em;
}

.process {
	width: 100%;
	height:auto;
}
.process_banner {
	width:100%;
	height:auto;
	
}
.process_header {
	width:100%;
	height:auto;
	
	text-align: center;
}
.process_header h3 {
	letter-spacing: 1px;
	font-size: 20pt;
	font-weight: normal;
}
.process_bar {
	width:100%;
	height:auto;
	
	display:flex;
}

.process_box {
	width: 16.6%;
	height:250px;
	padding: 20px 20px;
	text-align: center;
	letter-spacing: 1px;
	
	color:#FFFFFF;
}
.process_box h3 {
	font-size: 16pt;
	margin-top: 30px;
}
#process1 {
	background-color:#1E1F20;
}
#process1 h4 {
	margin-top: 40px;
}
#process2 {
	background-color:#3B3D3F;
}
#process2 h4 {
	margin-top: 60px;
}
#process3 {
	background-color:#636669;
}
#process3 h4 {
	margin-top: 55px;
}
#process4 {
	background-color:#878C8F;
	color:#000000;
}
#process4 h4 {
	margin-top: 55px;
}
#process5 {
	background-color:#C4CAD0;
	color:#000000;
}
#process5 h4 {
	margin-top: 55px;
}
#process6 {
	background-color:#F8EBFF;
	color:#000000;
}
#process6 h4 {
	margin-top: 50px;
}


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

.landowner_header {
	width:100%;
	height:auto;

	
}
.landowner_header h1 {
	text-align: center;
	font-weight: normal;
	font-size:28pt;
	letter-spacing: 1px;
	color: #FDDD5D;
}
.landowner_header h3 {
	text-align: center;
	font-weight: normal;
	font-size:20pt;
	letter-spacing: 1px;
	color: #423E3B;
	margin-top: -0.5em;
}

.landowner_text {
	width: 60%;
	height: auto;
	margin-left: 20%;
	text-align: left;
	font-size: 16pt;
	letter-spacing: 1px;
	color: #423E3B;
	font-weight: normal;
	line-height: 120%
	
}
.landowner_type_banner {
	width: 70%;
	height: 160px;
	margin-left:15%;
	display: flex;
	margin-top:30px;
	color: #5D5C61;
	
}
#landowner_img1 {
	border: 1px solid black;
	width:16%;
	height:100%;
	border-radius: 50%;
	background-image: url("../images/npark.jpeg");
	background-repeat: none;
	background-size: 100%;
}
#landowner_img2 {
	border: 1px solid black;
	width:16%;
	height:100%;
	border-radius: 50%;
	background-image: url("../images/flood.jpeg");
	background-repeat: none;
	background-size: 100%;
}
#landowner_img3 {
	border: 1px solid black;
	width:16%;
	height:100%;
	border-radius: 50%;
	background-image: url("../images/nrural.jpeg");
	background-repeat: none;
	background-size: 100%;
}
#landowner_img4 {
	border: 1px solid black;
	width:16%;
	height:100%;
	border-radius: 50%;
	background-image: url("../images/ngrid.jpeg");
	background-repeat: none;
	background-size: 100%;
}
.landowner_banner_text {
	width:60%;
	height: auto;
	margin-left: 5%;
	Font-weight: bold;
	Letter-spaccing: 1px;
	font-size: 14pt;
	margin-top: 30px;
	color: #5D5C61;
}


.landowner_requirements {
	width:100%;
	height: auto;
	margin: 50px 0px;
}
.landowner_req_box {
	width:70%;
	margin-left: 15%;
	height: auto;
	display:flex;
	border: 3px solid #4F5D60;
}
.landowner_image_gallery {
	width:35%;
	height:auto;
	border-right: 3px solid #4F5D60;
	
}
#landowner_image1 {
	width:100%;
	height: 13em;
	background-image: url("../images/landowner1.jpeg");
	background-repeat: none;
	background-size: 100% 100%;
}
#landowner_image2 {
	width:100%;
	height: 12em;
	background-image: url("../images/landowner2.jpeg");
	background-repeat: none;
	background-size: 100% 100%;
}
#landowner_image3 {
	width:100%;
	height: 12em;
	background-image: url("../images/landowner3.jpeg");
	background-repeat: none;
	background-size: 100% 100%;
}

.landowner_content_box {
	width:75%;
	height:auto;
	background-color: #F7F5F5;
	
}
.landowner_content_box h3 {
	text-align: center;
	letter-spacing: 1px;
	color: #5D5C61;
	font-size: 20pt;
	font-weight: normal;
	margin-top: 2em;
	margin-bottom: 1.5em;
	
}
.landowner_content_box h4 {
	text-align: center;
	letter-spacing: 1px;
	color: #5D5C61;
	font-size: 16pt;
	font-weight: bold;
	
}
.landowner_content_box p {
	text-align: center;
	letter-spacing: 1px;
	color: #5D5C61;
	font-size: 13pt;
	font-weight: normal;
	line-height: 120%;
	margin-top:-1em;
	width:80%;
	margin-left: 10%;
	margin-bottom: 2em;
	
}


.landowner_text_box {
	width:100%;
	height:auto;
	margin-top: 4em;
	
	
}
.landowner_text_box h4 {
	text-align: center;
	color: #423E3B;
	font-weight: bold;
	font-size:18pt;
	letter-spacing: 1px;
	
}

.landowner_text_box p {
	width: 50%;
	height: auto;
	margin-left: 25%;
	text-align: center;
	font-size: 14pt;
	letter-spacing: 1px;
	color: #423E3B;
	font-weight: normal;
	line-height: 120%
	
}

.land_needs {
	width:100%;
	height: auto;
	
	margin-top: 8em;
	margin-bottom: 8em;
	display:flex;
	color: #FFFFFF;
	background-color: #423E3B;
}

.land_needs_left {
	
	width: 24%;
	height: auto;

	
}
.land_needs_middle {
	
	width: 51%;
	height: 100%;
	padding-bottom: 1em;
	
}
.land_needs_right {
	width: 24%;
	height:auto;
}

.land_needs_infobox {
	width: 70%;
	margin-left: 15%;
	margin-top:3em;
}
.land_needs_header h1 {
	font-size: 24pt;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 120%;
	color: #FFFFFF;
}
.land_needs_text {
	font-weight: bold;
	font-size: 18pt;
	letter-spacing: 1px;
	color: #FFFFFF;
}
.land_needs_bullets {
	font-size: 16pt;
	letter-spacing: 1px;
	line-height: 120%;
	color: #FFFFFF;

}
.land_needs_bullets p {
	margin-top: 2em;
}

.land_needs_top {
	width: 100%;
	height:100%;
	
}
.land_needs_image1 {
	width:100%;
	height:44%;
	background-image: url("../images/npark.jpeg");
	background-repeat: none;
	background-size: 100% 100%;
	border: 1px solid #FFFFFF;
	border-radius: 100px;
	margin-top:6%;
	margin-left:1em;
	
	

	
}
.land_needs_image2 {
	width:100%;
	height:44%;
	background-image: url("../images/flood.jpeg");
	background-repeat: none;
	background-size: 100% 100%;
	border: 1px solid #FFFFFF;
	border-radius: 100px;
	margin-top:6%;
	margin-left:1em;
	
}
.land_needs_bottom {
	width: 100%;
	height:100%;
	
}
.land_needs_image3 {
	width:100%;
	height:44%;
	background-image: url("../images/nrural.jpeg");
	background-repeat: none;
	background-size: 100% 100%;
	border: 1px solid #FFFFFF;
	border-radius: 100px;
	margin-top:6%;
	margin-right:1em;

}
.land_needs_image4 {
	width:100%;
	height:44%;
	background-image: url("../images/ngrid2.jpeg");
	background-repeat: none;
	background-size: 100% 100%;
	border: 1px solid #FFFFFF;
	border-radius: 100px;
	margin-top:6%;
	margin-right:1em;
}






/*-----------------------------contact page -------------------------------------------*/
.contact-main {
	width:100%;
	height:auto;
}
.contact_info {
	width:100%;
	height:400px;
	background-color: #5D5C61;
	
}
.contact_info_text {
	width:100%;
	height:auto;
	text-align: center;
	letter-spacing: 1px;
	color:#FFFFFF;
	padding: 10px 0px 0px 0px;
	font-size:14pt;
}
.contact_info_text h4 {
	letter-spacing: 2px;
	font-size:18pt;
}
.bold_text {
	font-weight: bold;
}


.landowner_requirements2 {
	width: 100%;
	height: auto;
	
}
.landowner_requirements_box {
	width: 70%;
	height: auto;
	margin-left: 15%;
	padding-top: 2em;
	padding-bottom: 2em;
	border-radius: 10px;
	background-color: #A6A4A0;
	display: block;
	
}


.requirements_box_detail {
	width: 90%;
	height: auto;
	margin-left: 5%;
	
}
.requirements_box_detail h3 {
	text-align: center;
	font-weight: normal;
	font-size: 20pt;
	letter-spacing: 1px;
	color: #FFFFFF;
}
.requirements_box_detail h4 {
	text-align: left;
	font-weight: bold;
	font-size: 16pt;
	letter-spacing: 1px;
	color: #FFFFFF;
}
.requirements_box_detail p {
	text-align: left;
	font-size: 14pt;
	line-height: 120%;
	letter-spacing: 1px;
	color: #FFFFFF;
}


.requirements_box_images {
	width: 90%;
	height: 200px;
	margin-left: 5%;
	background-color: #FFFFFF;
	margin-bottom: 2em;
	display:flex;
	
}
.requirements_image {
	width: 23.75%;
	height: auto;
	margin-top: 1%;
	margin-bottom: 1%;
	margin-left: 1%;
	
}
#req_image1 {
	background-image: url("../images/landowner1.jpeg");
	background-repeat: none;
	background-size: 100% 100%;
}
#req_image2 {
	background-image: url("../images/nrural.jpeg");
	background-repeat: none;
	background-size: 100% 100%;
}
#req_image3 {
	background-image: url("../images/nrural.jpeg");
	background-repeat: none;
	background-size: 100% 100%;
}
#req_image4 {
	background-image: url("../images/nrural.jpeg");
	background-repeat: none;
	background-size: 100% 100%;
}

/* ----------------------------- technologies page -----------------------------------*/
.technologies_box {
	width: 100%;
	height:auto;
	margin-top: 50px;
	border:1px dashed black;
}

.solar_banner {
	width: 90%;
	height: 350px;
	margin-left:5%;
	background-color: #15796E;
	display:flex;
}
.solar_desc {
	width: 50%;
	height:100%;
	color:#FFFFFF;
}
.solar_desc h2 {
	width:80%;
	margin-left: 10%;
	font-size: 27pt;
	letter-spacing: 2px;
}
.solar_desc p {
	width:80%;
	margin-left:10%;
	font-size: 14pt;
	letter-spacing: 1px;
}
.solar_image {
	width:50%;
	height:100%;
	
}
.solar_image img {
	width:100%;
	height: 100%;
}
.solar_desc a {
	font-size: 14pt;
	border: 2px solid #FFFFFF;
	padding: 5px 5px;
	margin-left:10%;
	text-decoration: none;
	color: #FFFFFF;
}
.solar_desc a:hover {
	background-color:#FFFFFF;
	color:#15796E;
	border: 2px solid #15796E;
	cursor: pointer;
}

#solar_detail {
	width:90%;
	height: 400px;
	margin-left:5%;
	text-align: center;
	border: 1px dashed black;
	display: none;
	padding-top:20px;
}
#solar_detail a {
	font-size: 14pt;
	border: 2px solid #15796E;
	color:#15796E;
	text-decoration: none;
	padding: 5px 5px;
	
}
#solar_detail a:hover {
	background-color:#15796E;
	color:#FFFFFF;
	border: 2px solid #FFFFF;
	cursor: pointer;
}


.hydrogen_banner {
	width: 90%;
	height: 350px;
	margin-left:5%;
	background-color: #4570B0;
	display:flex;
}
.hydrogen_desc {
	width: 50%;
	height:100%;
	
	color:#FFFFFF;
}
.hydrogen_desc h2 {
	width:80%;
	margin-left: 10%;
	font-size: 27pt;
	letter-spacing: 2px;
}
.hydrogen_desc p {
	width:80%;
	margin-left:10%;
	font-size: 14pt;
	letter-spacing: 1px;
}
.hydrogen_image {
	width:50%;
	height:100%;
	
}
.hydrogen_image img {
	width:100%;
	height: 100%;
}

.hydrogen_desc a {
	font-size: 14pt;
	border: 2px solid #FFFFFF;
	padding: 5px 5px;
	margin-left:10%;
	text-decoration: none;
	color: #FFFFFF;
}
.hydrogen_desc a:hover {
	background-color:#FFFFFF;
	color:#15796E;
	border: 2px solid #15796E;
	cursor: pointer;
}

#hydro_detail {
	width:90%;
	height: 400px;
	margin-left:5%;
	text-align: center;
	border: 1px dashed black;
	display: none;
	padding-top:20px;
}
#hydro_detail a {
	font-size: 14pt;
	border: 2px solid #15796E;
	color:#15796E;
	text-decoration: none;
	padding: 5px 5px;
	
}
#hydro_detail a:hover {
	background-color:#15796E;
	color:#FFFFFF;
	border: 2px solid #FFFFF;
	cursor: pointer;
}



.wind_banner {
	width: 90%;
	height: 350px;
	margin-left:5%;
	background-color: #CA2B3B;
	display:flex;
}
.wind_desc {
	width: 50%;
	height:100%;
	color:#FFFFFF;
}
.wind_desc h2 {
	width:80%;
	margin-left: 10%;
	font-size: 24pt;
	letter-spacing: 2px;
}
.wind_desc p {
	width:80%;
	margin-left:10%;
	font-size: 14pt;
	letter-spacing: 1px;
}
.wind_image {
	width:50%;
	height:100%;
	
}
.wind_image img {
	width:100%;
	height: 100%;
}

.wind_desc a {
	font-size: 14pt;
	border: 2px solid #FFFFFF;
	padding: 5px 5px;
	margin-left:10%;
	text-decoration: none;
	color: #FFFFFF;
}
.wind_desc a:hover {
	background-color:#FFFFFF;
	color:#15796E;
	border: 2px solid #15796E;
	cursor: pointer;
}

#wind_detail {
	width:90%;
	height: 400px;
	margin-left:5%;
	text-align: center;
	border: 1px dashed black;
	display: none;
	padding-top:20px;
}
#wind_detail a {
	font-size: 14pt;
	border: 2px solid #15796E;
	color:#15796E;
	text-decoration: none;
	padding: 5px 5px;
	
}
#wind_detail a:hover {
	background-color:#15796E;
	color:#FFFFFF;
	border: 2px solid #FFFFF;
	cursor: pointer;
}


.batt_banner {
	width: 90%;
	height: 370px;
	margin-left:5%;
	background-color: #069D54;
	display:flex;
}
.batt_desc {
	width: 50%;
	height:100%;
	color:#FFFFFF;
	padding-bottom:50px;
}
.batt_desc h2 {
	width:80%;
	margin-left: 10%;
	font-size: 20pt;
	letter-spacing: 2px;
}
.batt_desc h4 {
	width:80%;
	margin-left: 10%;
	font-size: 16pt;
	letter-spacing: 2px;
}
.batt_desc p {
	width:80%;
	margin-left:10%;
	font-size: 12pt;
	letter-spacing: 1px;
}
.batt_image {
	width:50%;
	height:100%;
	
}
.batt_image img {
	width:100%;
	height: 100%;
}

.batt_desc a {
	font-size: 14pt;
	border: 2px solid #FFFFFF;
	padding: 5px 10px;
	margin-left:10%;

	text-decoration: none;
	color: #FFFFFF;
}
.batt_desc a:hover {
	background-color:#FFFFFF;
	color:#15796E;
	border: 2px solid #15796E;
	cursor: pointer;
}

#batt_detail {
	width:90%;
	height: auto;
	margin-left:5%;
	text-align: center;
	border: 3px solid #069D54;
	display: none;
	padding-top:20px;
}
#batt_detail a {
	font-size: 14pt;
	border: 2px solid #15796E;
	color:#15796E;
	text-decoration: none;
	padding: 5px 10px;
	
	
}
#batt_detail a:hover {
	background-color:#15796E;
	color:#FFFFFF;
	border: 2px solid #FFFFF;
	cursor: pointer;
}



/* -------------------------------- projects page --------------------------------------*/
.projects_container {
	width: 100%;
	height: auto;
}
.map_wrapper {
	width:100%;
	height:auto;
	position: relative;
}

.projects_map {
	width:70%;
	margin-top: 100px;
	margin-left:15%;
	height:auto;
	border: 1px dashed black;
}
.projects_map img {
	width:100%;
}
.rpin {
	position:absolute;
	display:block;
	width:1%;
	height:1%;
	background-image: url("../images/droppinred.png");
	background-size: 100% 100%;
	transform: translateX(-50%) translateY(0);
	filter: brightness(1) contrast(1.1);
	transition: all .3s ease;
}
.rpin:hover {
	cursor: pointer;
	
}


.project-1 {
	bottom:50%;
	left:50%;
}
.project-1:hover + #project-1 {
	display: block;
	cursor:pointer;
}
.rpin_desc {
	position:absolute;
	background-color: #FFFFFF;
	width:5%;
	height:auto;
	text-align: center;
	color: #000000;
	transform: translateX(-50%) translateY(0);
	filter: brightness(1) contrast(1.1);
	transition: all .3s ease;
	display:none;
}
#project-1 {
	
	bottom:49%;
	left:50%;
}




/* -------------------------------------Footer----------------------------------------------- */

footer {
	clear:both;
	margin-top: 4em;
	
	width:100%;
		
}




.footer_banner {
	background-color: #FFFFFF;
	padding-top: 3em;
	padding-bottom: 3em;
	margin-bottom: 0px;
	display:flex;
	color: #423E3B;
	width:90%;
	margin-left: 5%;
	border-top: 2px solid #423E3B;
	
	
	/* background-image: url(../images/pattern.png);
	background-repeat: repeat; */
}
.footer_banner h3 {
	letter-spacing: 2px;
}
.footer_banner a {
	text-decoration: none;
	color: #423E3B;
	
}

.footer_logo {
	width: 30%;
	height: auto;
	
	
}

.footer_image {
	width: 60%;
	height: 40%;
	margin-left: 10%;
	margin-top: 10%;
	background-image: url("../images/shortlogo.png");
	background-repeat: none;
	background-size:100% 100%;
}
.footer_title {
	color:#423E3B;
	font-size: 16pt;
	letter-spacing: 2px;
	font-weight: bold;
}
.footer_left {
	width: 25%;
	
	height: auto;
	font-size: 16pt;
	text-decoration: none;
	letter-spacing: 1px;
}
.footer_left a:hover {
	color: #FBCB0B;
}




.footer_right2 {
	width:40%;
	height:auto;
}
.contact_address_detail_footer {
	width: 100%;
	margin-left: 10%;
}
.contact_address_detail_footer p {
	font-size: 14pt;
	color: #423E3B;
	letter-spacing: 1px;
	line-height: 150%;
}




.copyright {
	font-size:6pt;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #423E3B;
	color: #FFFFFF;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 2px;
	border-top: 2px solid #FDDD5D;
	
	
}


/*------------------------test nav ---------------------*/
 
.header2 {
	width:100%;
	height:auto;
	display:none;
}

.header2 a,div {
            text-decoration: none;
            color: #232323;

            transition: color 0.3s ease;
        }

       .header2 a:hover {
            color: #FBCB0B;
        }

       .header2 #menuToggle {
            display: block;
            position: relative;
            top: 50px;
            left: 50px;

            z-index: 1;

            -webkit-user-select: none;
            user-select: none;
        }

       .header2 #menuToggle input {
            display: block;
            width: 40px;
            height: 32px;
            position: absolute;
            top: -7px;
            left: -5px;

            cursor: pointer;

            opacity: 0; /* hide this */
            z-index: 2; /* and place it over the hamburger */

            -webkit-touch-callout: none;
        }

        /*
         * Just a quick hamburger
         */
      .header2  #menuToggle span {
            display: block;
            width: 33px;
            height: 4px;
            margin-bottom: 5px;
            position: relative;

            background: #000000;
            border-radius: 3px;

            z-index: 1;

            transform-origin: 4px 0px;

            transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),
            background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),
            opacity 0.55s ease;
        }

        #menuToggle span:first-child {
            transform-origin: 0% 0%;
        }

        #menuToggle span:nth-last-child(2) {
            transform-origin: 0% 100%;
        }

        /*
         * Transform all the slices of hamburger
         * into a crossmark.
         */
        #menuToggle input:checked ~ span {
            opacity: 1;
            transform: rotate(45deg) translate(-2px, -1px);
            background: #232323;
        }

        /*
         * But let's hide the middle one.
         */
        #menuToggle input:checked ~ span:nth-last-child(3) {
            opacity: 0;
            transform: rotate(0deg) scale(0.2, 0.2);
        }

        /*
         * Ohyeah and the last one should go the other direction
         */
        #menuToggle input:checked ~ span:nth-last-child(2) {
            transform: rotate(-45deg) translate(0, -1px);
        }

        /*
         * Make this absolute positioned
         * at the top left of the screen
         */
        #menu {
            position: absolute;
            width: 300px;
            margin: -100px 0 0 -50px;
            padding: 50px;
            padding-top: 125px;

            background: #ededed;
            list-style-type: none;
            -webkit-font-smoothing: antialiased;
            /* to stop flickering of text in safari */

            transform-origin: 0% 0%;
            transform: translate(-100%, 0);

            transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0);
        }

        #menu li {
            padding: 10px 0;
            font-size: 22px;
        }

        /*
         * And let's slide it in from the left
         */
        #menuToggle input:checked ~ ul {
            transform: none;
        }


        .onclick-menu:focus {
            /* clicking on label should toggle the menu */
            pointer-events: none;
        }

        .onclick-menu:focus .onclick-menu-content {
            /*  opacity is 1 in opened state (see below) */
            opacity: 1;
            visibility: visible;
            display: inherit;
            /* don't let pointer-events affect descendant elements */
            pointer-events: auto;
        }

        .onclick-menu-content {
           /* use opacity to fake immediate toggle */
            display: none;
            opacity: 0;
            visibility: hidden;
            transition: visibility 0.5s;
        }
        .onclick-menu-content li{
            list-style: none;
        }

.onclick-menu-content li a:hover {
	cursor: pointer;
	color: #FBCB0B;
}
.onclick-menu a:hover {
	cursor:pointer;
	color: #FBCB0B;
}






/* ---------------------------------------- mobile devices -------------------------------- */
@media only screen and (min-width: 320px ) and (max-width: 480px) {
	
	
/* ------------------------ nav ------------------------ */	
.second_nav {display:none;}
	
header {display:none;}
	
.header2 {display:block;}

	.logo2_box {
		width:200px;
	}	
/* --------------------------- home page ---------------------- */
.hero {
	margin-top:7em;
	height:25em;
}
	
.mission_header h1 {
	font-size: 20pt;
		
}
.mission_statement h3 {
	font-size: 16pt;
	width: 90%;
	margin-left:5%;
}
.mission_statement p {
	width:90%;
	margin-left: 5%;
	font-size: 14pt;
	margin-bottom: 2em;
	text-align: center;
}


.top_banner {
	height:auto;
	display: block;
}
#top_box1 {
	width:100%;
	height:8em;
	font-size:14pt;
	padding-top: 6em;
}
#top_box2 {
	width:100%;
	height:8em;
	font-size:14pt;
	padding-top: 6em;
}
.bottom_banner {
	height:auto;
	margin-bottom:2em;
	display: block;
}	
#bottom_box1 {
	width:100%;
	height:8em;
	font-size:14pt;
	padding-top: 6em;
}
#bottom_box2 {
	width:100%;
	height:8em;
	font-size:14pt;
	padding-top: 6em;	
}
#bottom_box3 {
	width:100%;
	height:8em;
	font-size:14pt;
	padding-top: 6em;
}
	

.home_lease_header h1 {
	font-size: 22pt;
}
.home_lease_header h3 {
	width: 94%;
	margin-left:3%;
	font-size: 16pt;
	margin-top: 0em;
	font-weight: bold;
}
.home_lease_header p {
	font-size:14pt;
	width:90%;
	margin-left: 5%;
}
	

.home_projects {
	width:96%;
	margin-left:2%;
	height: auto;
	padding-top: 0em;
	padding-bottom: 2em;
	margin-top: 4em;
	margin-bottom: 3em;
	display:block;
}
.home_projects_left {
	width: 100%;
	height:auto;
}
.home_projects_infobox {
	width: 80%;
	margin-left: 10%;
	margin-top:2.5em;
}
.home_projects_header h1 {
	font-size: 26pt;
	font-weight: normal;
	text-align: center;
}
.home_projects_text {
	font-size: 14pt;
	text-align:center;
}
.home_projects_bullets {
	font-size: 14pt;
}
.home_projects_bullets p {
	margin-top: 2em;
}

.home_projects_right {
	display:none;		
}

.home_prod_head {
	font-size: 16pt;
		
}

.footer_logo {
	display:none;
}
.footer_title {
	color:#423E3B;
	font-size: 16pt;
	letter-spacing: 2px;
}
.footer_left {
	display: none;
	margin:0%;
	padding:0%;
	width: 50%;
	font-size: 13pt;
}

.footer_right2 {
	text-align: left;
	width:90%;
	font-size: 10pt;
	margin: 0%;
	padding:0%;
}

.copyright {
	padding-bottom: 1em;
	padding-top: 1em;
	font-size: 8pt;
}
	
	
/* --------------------------------------- landowner page ----------------- */

.hero3 {
	margin-top: 6em;
	margin-bottom: 2em;
	height: 20em;
}


.landowner_header h1 {
	font-size:24pt;	
}
.landowner_header h3 {
	font-size: 16pt;
	font-weight: bold;
		
}
	


.landowner_text {
	width: 90%;
	margin-left: 5%;
	font-size: 14pt;
	letter-spacing: 0px;
}
	
.landowner_text_box {
	width:100%;
	height:auto;
	margin-top: 4em;
	color: #5D5C61;
	
}
.landowner_text_box h4 {
	font-size:16pt;
}

.landowner_text_box p {
	width: 90%;
	margin-left: 5%;
	font-size: 14pt;
}


.process_image_banner {
	display:none;
}

.land_needs {
	width:100%;
	height: auto;
	
	margin-top: 50px;
	margin-bottom: 50px;
	display:flex;
	

}


.land_needs_left {
	display:none;
	width: 30%;
	height:auto;
	margin-right: 1em;
}
.land_needs_middle {
	width: 100%;

	padding-botom:0.5em;
}
.land_needs_right {
	display:none;
}

.land_needs_infobox {
	width: 90%;
	margin-left: 5%;
	margin-top:2em;
}
.land_needs_header h1 {
	font-size: 20pt;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 120%;
	color: #FFFFFF;
}
.land_needs_text {
	font-weight: bold;
	font-size: 14pt;
	letter-spacing: 0px;
	color: #FFFFFF;
}
.land_needs_bullets {
	font-size: 14pt;
	letter-spacing: 0px;
	line-height: 100%;
	color: #FFFFFF;

}
.land_needs_bullets p {
	margin-top: 2em;
}


.land_needs_image1 {
	width:100%;
	height:22%;
	margin-top: 1em;
	
}
.land_needs_image2 {
	width:100%;
	height:22%;
	margin-top:1em;
	
}


.land_needs_image5 {
	width:100%;
	height:22%;
	margin-left: 1em;
	margin-top: 1em;
	background-image: url("../images/nrural.jpeg");
	background-repeat: none;
	background-size: 100% 100%;
	border-radius: 100px;
	border: 1px solid #FFFFFF;
}
.land_needs_image6 {
	width:100%;
	height:22%;
	margin-top: 1em;
	margin-left: 1em;
	margin-bottom: 0em;
	background-image: url("../images/ngrid2.jpeg");
	background-repeat: none;
	background-size: 100% 100%;
	border-radius: 100px;
	border: 1px solid #FFFFFF;
}

	
/* -------------------------------- technologies page ----------------------------------------- */
	
.technologies_solar_gallery {
	margin-top: 6em;
	height: 10em;
}

.solar_header h1 {
	font-size: 18pt;
		
}
.solar_header h3 {
	font-size: 16pt;
	font-weight: bold;
		
}
	
.solar_header p {
	width: 80%;
	margin-left: 10%;
	letter-spacing: 0px;
	font-size: 14pt;
}

.solar_header h4 {
	font-size:18pt;		
}

.chevrons {
	padding-left: 0em;
	font-size: 14pt;
}
.chevron_text {
	font-size: 14pt;
	padding-left: 1.5em;
	margin-bottom: 2em;
}


.technologies_battery_gallery {
	margin-top: 6em;
	height: 10em;
	
}
	
.battery_header h1 {
	font-size: 18pt;
		
}
.battery_header h3 {
	font-size: 16pt;
	font-weight: bold;
		
}

.battery_header p {
	width: 80%;
	margin-left: 10%;
	letter-spacing: 0px;
	font-size: 14pt;
}

.battery_header h4 {
	font-size:18pt;		
}

.solar_content {
	width: 96%;
	margin-left: 2%;
}
.battery_content {
	width:96%;
	margin-left: 2%;
}
.question {
	font-size: 16pt;
}
.answer {
	font-size: 16pt;
}
	

/* -------------------------------------- ppa page -----------------------------*/

.ppa_hero {
	margin-top: 6em;
	margin-bottom: 2em;
	height: 18em;
}
	


.ppa_header h1{
	font-size: 22pt;	
}
.ppa_header h3 {
	font-size: 18pt;
}

.ppa_header h4 {
	font-size: 18pt;
		
}
	
.ppa_header p {
	width:90%;
	margin-left: 5%;
	font-size: 14pt;
	letter-spacing: 0px;
}
	



.direct_ppa_banner { display:none;}
.sleeved_ppa_banner { display:none;}
	
.direct_ppa_banner2 {
	width:100%;
	height: auto;
	display: block;
	margin-top: 6em;
	/* border-top: 1px solid #4F5D60; */
}
.direct_ppa_imagebox2 {
	width: 100%;
	height:26em;
}
.direct_ppa_image2 {
	width: 90%;
	height: 90%;
	margin-left:5%;
	margin-top: 5%;
	background-image: url("../images/directPPA.png");
	background-repeat: none;
	background-size: 100% 100%;
}
.direct_ppa_textbox2 {
	width: 100%;
	height:auto;
	padding-bottom: 1em;
	background-color: #423E3B;
}
.direct_ppa_text2 {
	width: 90%;
	height:auto;
	margin-left: 5%;
}
.direct_ppa_text2 h3 {
	text-align: center;
	font-size: 20pt;
	letter-spacing: 1px;
	font-weight: bold;
	padding-top: 1.5em;
	margin-top: 0em;
	margin-bottom: 2em;
	color: #FFFFFF;
}
.direct_ppa_text2 p {
	text-align: center;
	font-size: 14pt;
	letter-spacing: 1px;
	line-height: 120%;
	color: #FFFFFF;
	font-weight: normal;
	margin-bottom: 2em;
}


	
.sleeved_ppa_banner2 {
	width:100%;
	height: auto;
	display: block;
	border-bottom: 1px solid #4F5D60;
	margin-bottom: 4em;
	
	
}
.sleeved_ppa_imagebox2 {
	width: 100%;
	height:26em;
	
}
.sleeved_ppa_image2 {
	width: 90%;
	height: 90%;
	margin-top: 5%;
	margin-left:5%;
	background-image: url("../images/sleevedPPA.png");
	background-repeat: none;
	background-size: 100% 100%;
}
.sleeved_ppa_textbox2 {
	width: 100%;
	height:auto;
	padding-bottom: 1em;
	background-color: #423E3B;
	
}

.sleeved_ppa_text2 {
	width: 90%;
	height:auto;
	margin-left: 5%;
}
.sleeved_ppa_text2 h3 {
	text-align: center;
	font-size: 20pt;
	letter-spacing: 1px;
	font-weight: bold;
	padding-top: 1.5em;
	margin-top: 0em;
	margin-bottom: 2em;
	color: #FFFFFF;
}
.sleeved_ppa_text2 p {
	text-align: center;
	font-size: 14pt;
	letter-spacing: 1px;
	line-height: 120%;
	color: #FFFFFF;
	font-weight: normal;
	margin-bottom: 2em;
}
	

.contact_details_header h1{
    margin-bottom:0em;
}
.contact_details_content {
    display: block;
    margin-top: 0em;
}

.contact_address {
    width:100%;
    
}
.contact_address_detail {
    width: 90%;
    
}
	
.contact_details_image {
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 25em;
    width: 100%;
}
	

.contact_form_banner {
    width: 90%;
}

.hero {
    height: 300px;
}

.hero2 {
    height:300px;
}

.hero3 {
    height: 300px;
}

	
}
 
/* ---------------------------------- end of media query ----------------------------------- */
	
	

/* ------------------------------------- ipads and tablets -------------------------------------- */ 
@media only screen and (min-width: 481px ) and (max-width: 768px ) {
	

.hero2 {
    height: 400px;
}

.contact_details_content {
    display: block;
    
}

.contact_address {
    width:100%;
    
}
.contact_address_detail {
    width: 90%;
    
}
	
.contact_details_image {
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 25em;
    width: 100%;
}

.contact_form_banner {
    width: 95%;
}


/* ------------------------ nav ------------------------ */	
.second_nav {display:none;}
	
header {display:none;}
	
.header2 {display:block;}

	
/* --------------------------- home page ---------------------- */
.hero {
	margin-top:7em;
	height:30em;
}
	
.mission_statement h3 {
	font-size: 20pt;
	width: 90%;
	margin-left:5%;
}
.mission_statement p {
	width:90%;
	margin-left: 5%;
	font-size: 16pt;
	margin-bottom: 2em;
	text-align: center;
}


.top_banner {
	height:auto;
	display: block;
}
#top_box1 {
	width:100%;
	height:12em;
	font-size:16pt;
}
#top_box2 {
	width:100%;
	height:12em;
	font-size: 16pt;
}
.bottom_banner {
	height:auto;
	margin-bottom:2em;
	display: block;
}	
#bottom_box1 {
	width:100%;
	height:12em;
	font-size: 16pt;
}
#bottom_box2 {
	width:100%;
	height:12em;
	font-size: 14pt;	
}
#bottom_box3 {
	width:100%;
	height:12em;
	font-size: 14pt;
}
	

.home_lease_header h1 {
	font-size: 34pt;
}
.home_lease_header h3 {
	width: 94%;
	margin-left:3%;
	font-size: 24pt;	
}
.home_lease_header p {
	font-size:18pt;
	width:90%;
	margin-left: 5%;
}
	

.home_projects {
	width:96%;
	margin-left:2%;
	height: auto;
	padding-top: 1em;
	padding-bottom: 3em;
	margin-top: 4em;
	margin-bottom: 4em;
	display:block;
}
.home_projects_left {
	width: 100%;
	height:auto;
}
.home_projects_infobox {
	width: 80%;
	margin-left: 10%;
	margin-top:3em;
}
.home_projects_header h1 {
	font-size: 28pt;
	font-weight: normal;
	text-align: center;
}
.home_projects_text {
	font-size: 18pt;
	text-align:center;
}
.home_projects_bullets {
	font-size: 16pt;
}
.home_projects_bullets p {
	margin-top: 2em;
}

.home_projects_right {
	display:none;		
}
	

.footer_logo {
	display:none;
}
.footer_title {
	color:#423E3B;
	font-size: 16pt;
	letter-spacing: 2px;
}
.footer_left {
	
	margin:0%;
	padding:0%;
	width: 50%;
	font-size: 13pt;
}

.footer_right2 {
	text-align: left;
	width:50%;
	font-size: 10pt;
	margin: 0%;
	padding:0%;
}

.copyright {
	padding-bottom: 1em;
	padding-top: 1em;
	font-size: 10pt;
}
	
	
/* --------------------------------------- landowner page ----------------- */

.hero3 {
	margin-top: 6em;
	margin-bottom: 2em;
	height: 400px;
}


.landowner_header h1 {
	font-size:34pt;	
}
	


.landowner_text {
	width: 90%;
	margin-left: 5%;
	font-size: 18pt;
	letter-spacing: 0px;
}
	
.landowner_text_box {
	width:100%;
	height:auto;
	margin-top: 4em;
	color: #5D5C61;
	
}
.landowner_text_box h4 {
	font-size:20pt;
}

.landowner_text_box p {
	width: 90%;
	margin-left: 5%;
	font-size: 14pt;
}


.process_image_banner {
	display:none;
}

.land_needs {
	width:100%;
	height: auto;
	
	margin-top: 50px;
	margin-bottom: 50px;
	display:flex;
	

}


.land_needs_left {
	width: 30%;
	height:auto;
	margin-right: 1em;
}
.land_needs_middle {
	width: 70%;
	padding-botom:0.5em;
}
.land_needs_right {
	display:none;
}

.land_needs_infobox {
	width: 90%;
	margin-left: 5%;
	margin-top:2em;
}
.land_needs_header h1 {
	font-size: 24pt;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 120%;
	color: #FFFFFF;
}
.land_needs_text {
	font-weight: bold;
	font-size: 16pt;
	letter-spacing: 0px;
	color: #FFFFFF;
}
.land_needs_bullets {
	font-size: 14pt;
	letter-spacing: 0px;
	line-height: 100%;
	color: #FFFFFF;

}
.land_needs_bullets p {
	margin-top: 2em;
}


.land_needs_image1 {
	width:100%;
	height:22%;
	margin-top: 1em;
	
}
.land_needs_image2 {
	width:100%;
	height:22%;
	margin-top:1em;
	
}


.land_needs_image5 {
	width:100%;
	height:22%;
	margin-left: 1em;
	margin-top: 1em;
	background-image: url("../images/nrural.jpeg");
	background-repeat: none;
	background-size: 100% 100%;
	border-radius: 100px;
	border: 1px solid #FFFFFF;
}
.land_needs_image6 {
	width:100%;
	height:22%;
	margin-top: 1em;
	margin-left: 1em;
	margin-bottom: 0em;
	background-image: url("../images/ngrid2.jpeg");
	background-repeat: none;
	background-size: 100% 100%;
	border-radius: 100px;
	border: 1px solid #FFFFFF;
}

	
/* -------------------------------- technologies page ----------------------------------------- */
	
.technologies_solar_gallery {
	margin-top: 6em;
	height: 200px;
	
	
}

.solar_header p {
	width: 80%;
	margin-left: 10%;
	letter-spacing: 0px;
	font-size: 16pt;
}

.solar_header h4 {
	font-size:20pt;		
}

.chevrons {
	padding-left: 0em;
}
.chevron_text {
	padding-left: 1.5em;
	margin-bottom: 2em;
}


.technologies_battery_gallery {
	margin-top: 6em;
	height: 200px;
	
}

.battery_header p {
	width: 80%;
	margin-left: 10%;
	letter-spacing: 0px;
	font-size: 16pt;
}

.battery_header h4 {
	font-size:20pt;		
}
	
.battery_header h3 {
	margin-top: 0em;
			
}
	

/* -------------------------------------- ppa page -----------------------------*/

.ppa_hero {
	margin-top: 6em;
	margin-bottom: 2em;
	height: 400px;
}
	


.ppa_header h1{
	font-size: 34pt;	
}
.ppa_header h3 {
	font-size: 24pt;
}

.ppa_header h4 {
	font-size: 20pt;
		
}
	
.ppa_header p {
	width:90%;
	margin-left: 5%;
	font-size: 16pt;
	letter-spacing: 0px;
}
	



.direct_ppa_banner { display:none;}
.sleeved_ppa_banner { display:none;}
	
.direct_ppa_banner2 {
	width:100%;
	height: auto;
	display: block;
	margin-top: 6em;
	/* border-top: 1px solid #4F5D60; */
}
.direct_ppa_imagebox2 {
	width: 100%;
	height:30em;
}
.direct_ppa_image2 {
	width: 90%;
	height: 90%;
	margin-left:5%;
	margin-top: 5%;
	background-image: url("../images/directPPA.png");
	background-repeat: none;
	background-size: 100% 100%;
}
.direct_ppa_textbox2 {
	width: 100%;
	height:auto;
	padding-bottom: 1em;
	background-color: #423E3B;
}
.direct_ppa_text2 {
	width: 80%;
	height:auto;
	margin-left: 10%;
}
.direct_ppa_text2 h3 {
	text-align: center;
	font-size: 24pt;
	letter-spacing: 1px;
	font-weight: bold;
	padding-top: 1.5em;
	margin-top: 0em;
	margin-bottom: 2em;
	color: #FFFFFF;
}
.direct_ppa_text2 p {
	text-align: center;
	font-size: 14pt;
	letter-spacing: 1px;
	line-height: 120%;
	color: #FFFFFF;
	font-weight: normal;
	margin-bottom: 2em;
}


	
.sleeved_ppa_banner2 {
	width:100%;
	height: auto;
	display: block;
	border-bottom: 1px solid #4F5D60;
	margin-bottom: 4em;
	
	
}
.sleeved_ppa_imagebox2 {
	width: 100%;
	height:30em;
	
}
.sleeved_ppa_image2 {
	width: 90%;
	height: 90%;
	margin-top: 5%;
	margin-left:5%;
	background-image: url("../images/sleevedPPA.png");
	background-repeat: none;
	background-size: 100% 100%;
}
.sleeved_ppa_textbox2 {
	width: 100%;
	height:auto;
	padding-bottom: 1em;
	background-color: #423E3B;
	
}

.sleeved_ppa_text2 {
	width: 80%;
	height:auto;
	margin-left: 10%;
}
.sleeved_ppa_text2 h3 {
	text-align: center;
	font-size: 24pt;
	letter-spacing: 1px;
	font-weight: bold;
	padding-top: 1.5em;
	margin-top: 0em;
	margin-bottom: 2em;
	color: #FFFFFF;
}
.sleeved_ppa_text2 p {
	text-align: center;
	font-size: 14pt;
	letter-spacing: 1px;
	line-height: 120%;
	color: #FFFFFF;
	font-weight: normal;
	margin-bottom: 2em;
}
	


.contact_address {
    padding-top: 1em;
    padding-bottom: 1em;
}





}

/* -------------------------------------- small screens and laptops ------------------------------- */
@media only screen and (min-width: 769px ) and (max-width: 1100px) {
	
/* ----------------- nav ------------------ */	
	
#logo {
	width:180px;
	margin: 10px 0 0 0;
	padding-left: 20px;
	padding-top:30px;
}
.navbar {
	padding: 5px 5px 0 0;	
}
.navbar a {
  	font-size: 14px;
  	padding: 14px 14px;
}
.dropdown .dropbtn {
  	font-size: 14px;
  	padding: 14px 14px;
}
.dropdown-content a {
  	padding: 12px 14px;
}



.second_menu li {
	
	padding-right: 0.5em;
	letter-spacing: 1px;
}
.second_menu li a {
	
	padding:12px;
}


 
/* ----------------------------- home page ----------------------- */
	
.hero {
	margin-bottom: 2em;
	height: 500px;
}
	


.mission_header h1 {
	font-size:28pt;
}


.mission_statement h3 {
	font-size: 18pt;
	width: 70%;
	margin-left:15%;
	
}
.mission_statement p {
	width:70%;
	margin-left: 15%;
	font-size: 14pt;
	margin-bottom: 2em;
}


.top_banner {
	height:300px;
}
#top_box1 {
	padding-top:5em;
}
#top_box2 {
	padding-top:5em;
}
.bottom_banner {
	height:200px;
	margin-bottom:2em;
}

#bottom_box1 {
	padding-top:5em;
	font-size: 10pt;
}
#bottom_box2 {
	padding-top:5em;
	font-size: 10pt;	
}
#bottom_box3 {
	padding-top:5em;
	font-size: 10pt;
}


.home_lease_banner {
	margin-bottom: 2em;
}
.home_lease_header h1 {
	font-size: 28pt;
}
.home_lease_header h3 {
	font-size: 18pt;
	margin-top: -1em;
}
.home_lease_header p {
	font-size:14pt;
	width:70%;
	margin-left: 15%;
}

	
.home_projects {
	
	width: 96%;
	margin-left: 2%;
	margin-top: 8em;
	margin-bottom: 8em;
	height: auto;
	padding-bottom: 0em;
	padding-top: 0em;
	
	display:flex;
	color: #FFFFFF;
	background-color: #423E3B;
	border-radius: 100px;
	border: 1px solid #423E3B;
}	
	

.home_projects_left {
	
	width: 60%;
	height: auto;
	padding-bottom: 1em;

	
}
.home_projects_infobox {
	width: 90%;
	margin-left: 5%;
	margin-top:1em;
}
.home_projects_header h1 {
	font-size: 20pt;
	letter-spacing: 1px;
	line-height: 100%;

}
.home_projects_text {
	display: none;
}
.home_projects_bullets {
	font-size: 14pt;
	letter-spacing: 1px;
	line-height: 100%;
}
.home_projects_bullets p {
	margin-top: 2em;
}






.home_projects_right {
	
	width: 40%;
	height: auto;
	

	
}
.home_projects_image1 {
	width:100%;
	height:33%;
	background-image: url("../images/projects image 1.jpeg");
	background-repeat: none;
	background-size: 100% 100%;
	
}
.home_projects_image2 {
	width:100%;
	height:33%;
	background-image: url("../images/batterystore.jpeg");
	background-repeat: none;
	background-size: 100% 100%;
	
	
}
	
.home_projects_image3 {
	width:100%;
	height:34%;
	background-image: url("../images/hydrogen2.jpeg");
	background-repeat: none;
	background-size: 100% 100%;
	display: block;
	
	
}
	
	
/*------------------------landowner page ----------------------*/

.landowner_container {
	margin-bottom: 2em;
	padding-bottom: 2em;
}
.hero3 {
	margin-bottom: 2em;
	height: 400px;
}
	

.landowner_header h3 {
	font-size:18pt;
	
}

.landowner_text {
	width: 70%;
	margin-left: 15%;
	font-size: 14pt;

	
}
	


.landowner_text_box p {
	width: 70%;
	margin-left: 15%;	
}

.process_image_banner {
	width: 100%;
	height:auto;
	margin-top: 2em;
	margin-bottom: 2em;
}
.process_image_box {
	
	height:350px;
	
}
.process_image_box h3 {
	width:100%;
	color: #5D5C61;
	text-align: center;
	font-weight: normal;
	font-size:24pt;
	letter-spacing: 1px;
	padding-top: 50px;
	margin-top: -1em;
}

.land_needs {
	height: auto;
	
	margin-top: 2em;
	margin-bottom: 2em;
	
}

.land_needs_left {
	
	width: 20%;
	height: auto;

	
}
.land_needs_middle {
	
	width: 60%;
	height: auto;
	padding-bottom:1em;
	
}
.land_needs_right {
	width: 20%;
	height:auto;
}

.land_needs_infobox {
	width: 90%;
	margin-left: 5%;
	margin-top:2em;
}
.land_needs_header h1 {
	font-size: 16pt;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 100%;
	color: #FFFFFF;
}
.land_needs_text {
	font-weight: bold;
	font-size: 14pt;
	letter-spacing: 1px;
	color: #FFFFFF;
}
.land_needs_bullets {
	font-size: 12pt;
	letter-spacing: 1px;
	line-height: 100%;
	color: #FFFFFF;

}
.land_needs_bullets p {
	margin-top: 1em;
}
	
	
.land_needs_image1 {
	width:100%;
	height:40%;
	
	margin-top:1em;
	margin-left:0.5em;
	
	

	
}
.land_needs_image2 {
	width:100%;
	height:40%;
	
	margin-top:2em;
	margin-left:0.5em;
	
}

.land_needs_image3 {
	width:100%;
	height:40%;

	margin-top:1em;
	margin-right:0.5em;

}
.land_needs_image4 {
	width:100%;
	height:40%;
	
	margin-top:2em;
	margin-right:0.5em;
}


/* -------------------- ppa page --------------------- */
.ppa_hero {

	margin-bottom: 2em;
	height: 400px;
	
}
	

.ppa_header h3 {
	font-size: 18pt;
}

.ppa_header p {
	width:70%;
	margin-left: 15%;
	
}

	
.direct_ppa_banner {
	height: 450px;
	margin-top:5em;
}
.direct_ppa_text h3 {
	font-size: 18pt;
	margin-top: 1em;
	margin-bottom: 1em;
}
.direct_ppa_text p {
	font-size: 12pt;
	letter-spacing: 1px;
	line-height: 100%;
	margin-bottom: 1em;
	padding-bottom: 0.5em;
}

.sleeved_ppa_banner {
	height: 450px;
	margin-bottom: 5em;
}


.sleeved_ppa_text h3 {
	font-size: 18pt;
	margin-top: 1em;
	margin-bottom: 1em;
}
.sleeved_ppa_text p {
	font-size: 12pt;
	letter-spacing: 1px;
	line-height: 100%;
	margin-bottom: 1em;
}

/* ------------------------ tech page ---------------------------- */

.chevrons {
	padding-left: 0em;
}
.chevron_text {
	padding-left: 2em;
}
	
.technologies_solar_gallery {
	height: 250px;
}
.solar_header p {
	width: 70%;
	margin-left: 15%;
}

.technologies_battery_gallery {
	height: 250px;
}
.battery_header p {
	width: 70%;
	margin-left: 15%;
}

/* ------------------------- contact page -------------------------- */
.hero2 {
	height: 400px;
}
	
.contact_details_image {
	margin-top:5em;
	height: 20em;

}
	
	
.footer_logo {
	width: 30%;
	height: auto;
}
.footer_image {
	width: 70%;
	height: 30%;
	margin-left: 10%;
	margin-top: 10%;
	background-image: url("../images/shortlogo.png");
	background-repeat: none;
	background-size:100% 100%;
}


.footer_left {
	width: 30%;
	
	height: auto;
	font-size: 14pt;
	text-decoration: none;
	letter-spacing: 1px;
}
.footer_left a:hover {
	color: #FBCB0B;
}
.footer_title {
	color:#423E3B;
	font-size: 16pt;
	letter-spacing: 2px;
	font-weight: bold;
}



.footer_right2 {
	width:40%;
	height:auto;
}
/* ------------------------ end of media query ---------------------- */
}

@media only screen and (min-width: 1100px ) and (max-width: 1370px ) {
	.bottom_banner a {
		font-size: 14pt;
	}
	
}