/* Code for the styling */
h1 {
  text-align: center;
}

.column {
  float: left;
  width: 40%;
  color: #1B5A3A ;

}
.column {
  float: left;
  width: 40%;
  color: #1B5A3A;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

img {
  max-width: 100%;
  height: auto;
}

img {
  display: block;
  width: 50%;
  height: 50%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 5%
}

.brand-logo {
  margin-left: 10px;
}

.contactUs {
  background: url('images/redmaple.jpg');
}

img.activator {
  height: 350px;
}


.section-header {
  text-align: center;
}

/* Centered text */
/* .image-container {
  background-image: url("images/branches-green.jpg");
  padding-top: 20%;
  width: auto;
  text-align: center;
  padding-bottom: 20%;
} */

h1 span {
  background-color: #1b5e20;
  font-weight: bold;
  color: white;
}

h2 {
  text-align: center;
}

h4 {
  color: black;
  text-align: center;
}


/* Calculator */
section {
  width: 50%;
  margin: auto;
  background-color: #D3D3D3;
  padding: 1em 2em
}
section h1 {
  color: #1b5e20;
  font-size: 350%;
	margin-top: 0;
	margin-bottom: .5em;
	text-align: center;
	text-shadow: 2px 2px black;
}
section h2 {
	color: black;
	font-size: 200%;
	padding-bottom: 10px;
	margin-bottom: .5em;

}
section label {
  font-size: 100%;
	float: left;
}
section input {
    margin-left: 1em;
    margin-bottom: .5em;
}
section textarea {
	width: 90%;
	height: 150px;
}

section input[type="button"] {
	background-color: #1b5e20;
	color: white;
  width: 4.5em;
}
/* FAQ SECTION */
#faqs {
    width: 60%;
   padding-right: 10px;
   }
h2.plus {
 	background: url("images/plus.png") no-repeat left center;
     background-position: 5%;

 }
 h2.minus {
 	background: url("images/minus.png") no-repeat left center;
     background-position: 5%;
 }

 div.closed {
 	display: none;
 }
 div.open {
 	display: block;
 }

 #faqs p {
   margin-left: 60px;
   margin-right: 40px;
 }

 /* Code for the image swap */
 .mainarea {
     width: 940px;
     margin: 20px auto 20px auto;
     border: 2px solid #000000;
     background-color: #ffffff;}

 .wrapper {
   width: 100%;
   margin: 20px auto 20px auto;
 }


 #gallery {
     width: 909px;
     border-right: 1px solid #eeeeee;}

 #bigImage {
     padding-left: 0px;
 }

 #listOfImage {
     margin-top: -5px;
 	padding-left: 0px;
 }

 #listOfImage img { width: 12.1%; height: 105px}


#image_list {
  padding-left: 60px;
  display: inline;

}


 #image_list li {
   padding-right: 10px;
   display: inline;

 }

 #image {
   margin-left: 25%;
 }

 /* home slideshow */
 #image_list_home {
   display: inline;

 }

.main {
  margin: auto;
  width: 50%;
  border: 3px solid green;
  padding: 10px;
}

.slide_img {

}