@charset "utf-8";

/* CSS Document */







#header {

    width: 100%;

    margin-left: 0;

    margin-right: 0;

    background-color: rgb(76,173,73);

    text-align: center;

    padding-top: 3px;

    padding-bottom: 3px;

    max-width: none;

}





body{

    width: 100%;

    margin-top: 0px;

	margin-left: 0px

}





.img-container{

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

    margin-left: auto;

    margin-right: auto;

}



.parallax{

	background-image: url("../img/Banner_Image.jpg");

	background-size: cover;

	background-attachment: fixed;

	height: 930px;

	background-repeat: no-repeat;

	align-content: center;

}



.inner-container{

	text-align: center;

	position: absolute;

	width: auto;

	color: white;

	height: auto;

	margin: 80px;

}



h1{

	font-size: 4em;

	font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif", sans serif;

}



h2{

	margin-top: -17px;

	font-family: "Open Sans", sans serif;

	font-size: 1.7em;

	text-align: center;

	font-weight: 400;

}

.white-text{

    color: #FFF;

    font-family: "Open Sans", sans serif;

    text-align: center;

}

a{

	font-size: 1em;

	font-family: "Open Sans", sans serif;

}



.btn_sched{

	display: inline-block;

	width: 200px;

	font-weight: bold;

	padding: 10px;

	color: #fff;

	border: 4px solid #fff;

	text-align: center;

	outline: none;

	text-decoration: none;

	transition: background-color 0.2s ease-out, color 0.2s ease-out;

}



.btn_sched:hover,.btn_sched:active{

	background-color: rgb(76,173,73);

	color: #000;

	transition: background-color 0.3s ease-in, color 0.3s ease-in;

}



@media only screen and (max-width: 920px){

	.inner-container{

    margin-top: 100px;

    text-align: center;

	}

}



@media only screen and (max-width: 540px) {

	.inner-container{

		margin-top: 150px;

	}

	h1{

		font-size: 5em;

	}

	h2{

		font-size: 1.4em;

	}

	.column {

    	width: 100%;

    }

	.left, .right, .middle {

		width: 100%;

	}

}

.section_name {

    font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;

    font-size: 36px;

    color: rgb(76,173,73);

    margin-top: 50px;

    margin-bottom: 30px;

    text-align: center;

}



hr 

{height:1px; 

	border:none; 

	color:#bbb; 

	background-color:#bbb; 

	width:5%; 

	text-align:center; 

	margin: 0 auto;

	margin-bottom: 50px;

}



* {

    box-sizing: border-box;

    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;

    font-size: medium;

    text-align: center;

}



/* Create three unequal columns that floats next to each other */

.column {

    float: left;

    padding: 20px;

    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;

    font-size: medium;

}



.left, .right {

    width: 33.33%;

    text-align: center;

}



.middle {

    width: 33.33%;

    text-align: center;

}



.labelcolumn {

    float: left;

    padding: 20px;

    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;

	font-size: 20px;

}

.left, .right {

    width: 33.33%;

    text-align: center;

}



.middle {

    width: 33.33%;

    text-align: center;

}

/* Clear floats after the columns */

.row:after {

  content: "";

  display: table;

  clear: both;

}

.circular--square {

  border-radius: 50%;

}



 /* Style the form element with a border around it */
.subscribes_form{
	
    border: 4px solid #f1f1f1;

    background-image: url(../img/appliance_banner_negative.jpg);

	background-size: cover;

	align-content: center;

}
.mainform {

    border: 4px solid #f1f1f1;

	align-content: center

}

/* Add some padding and a grey background color to containers */

.container {

  padding: 20px;

}



/* Style the input elements and the submit button */

input[type=text], input[type=submit] {

    width: 30%;

    padding: 12px;

    margin: 8px 0;

    display: inline-block;

    border: 1px solid #ccc;

    box-sizing: border-box;

    background-color: transparent;

    font-weight: bold;

    text-align: left;

}





/* Style the submit button */

input[type=submit] {

  background-color: rgb(76,173,73);

  color: black;

  border: none;

  width: 15%;

  text-align: center;

}



input[type=submit]:hover {

    opacity: 0.8;

    font-weight: bold;

    color: #000000;

} 

.story{

    margin: auto;

	width: 512px;

}

.storyimg {

  display: block;

  margin-left: auto;

  margin-right: auto;

  width: 512px;

}

#show,#content{display:none;}

#show:checked~#content{display:block;}



.shaded{

	background: #F5F5F5;

}



.malf{

    margin-left: auto;

    margin-right: auto;
	
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;

    font-size: 18px;

    color: #FF0000;

}

.box{

    width: 512px;

	display: block;

    margin-left: auto;

    margin-right: auto;



}

.box:hover {

    box-shadow: 0 0 11px rgba(33,33,33,.2);

}

 /* Style inputs with type="text", select elements and textareas */
input[type=text], select, textarea {
  width: 40%; /* Full width */
  padding: 12px; /* Some padding */ 
  border: 1px solid #ccc; /* Gray border */
  border-radius: 4px; /* Rounded borders */
  box-sizing: border-box; /* Make sure that padding and width stays in place */
  margin-top: 6px; /* Add a top margin */
  margin-bottom: 16px; /* Bottom margin */
  resize: vertical /* Allow the user to vertically resize the textarea (not horizontally) */
}

/* Style the submit button with a specific background color etc */
input[type=submit] {
  background-color: rgb(76,173,73);
  color: black;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

/* When moving the mouse over the submit button, add a darker green color */
input[type=submit]:hover {
  background-color: rgb(76,173,73);
}

/* Add a background color and some padding around the form */
.main_form_container {
  border-radius: 5px;
  background-color: #F5F5F5;
  padding: 20px;
} 

.footer{
    background-color: black;
    height: 80px;
	line-height: 80px;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
}
.label{
	color: rgb(76,173,73);
}