body,h1,h2,h3,h4,h5,h6 {font-family: "Raleway", sans-serif}

body, html {
    height: 100%;
    line-height: 1.8;
	margin: 0;
	padding:0;
	font-size:16px;
}
#container {
   min-height:100%;
   position:relative;
}
/* Full height image header */
.bgimg-1 {
    background-position: center;
    background-size: cover;
    background-image: url("/w3images/mac.jpg");
    min-height: 100%;
}
.w3-bar .w3-button {
    padding: 13px;
}

.bt1-fade{
	width:50%;
	background: #9dd53a; /* Old browsers */
	background: -moz-linear-gradient(top, #9dd53a 0%, #9dd53a 0%, #9dd53a 24%, #80c217 59%, #80c217 80%, #7cbc0a 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #9dd53a 0%,#9dd53a 0%,#9dd53a 24%,#80c217 59%,#80c217 80%,#7cbc0a 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #9dd53a 0%,#9dd53a 0%,#9dd53a 24%,#80c217 59%,#80c217 80%,#7cbc0a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=0 ); /* IE6-9 */
}

.bt2-fade{
	width:50%;
	background: #499bea; /* Old browsers */
	background: -moz-linear-gradient(top, #499bea 0%, #499bea 30%, #499bea 30%, #499bea 49%, #499bea 49%, #207ce5 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #499bea 0%,#499bea 30%,#499bea 30%,#499bea 49%,#499bea 49%,#207ce5 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #499bea 0%,#499bea 30%,#499bea 30%,#499bea 49%,#499bea 49%,#207ce5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5',GradientType=0 ); /* IE6-9 */
}

.footer{
	position:static;
	bottom:0px;
	width:100%;
}

/*#body{
	padding-bottom:145px;
}*/

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

.padding-top{
	padding-top:5px;
	padding-bottom:5px;
}

.s4-energy-rows{
	padding-left:10px;
	position:relative;
	top:-5px;
}

.section1-graph-options{
	font-size:14px;
	text-decoration:underline;
	cursor: pointer; cursor: hand;
}

.padding-sides{
	padding-left:5px;
	padding-right:5px;
}

.padding-top-L{
	padding-top:15px;
	padding-bottom:15px;
}

.padding-sides-S{
	padding-left:2px;
	padding-right:2px;
}

.s2-p2-p4-p6-checkboxes{
	position:relative;
	top:10px;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

.section-navigation-icons{
	width:40px;
}

.section-navigation, .point{
	cursor: pointer; cursor: hand;
}

.smaller-text{
	font-size:13px;
}

.arrow_style{
	position:relative;
	left:44px;
	width:30px;
	height:50px;
}

.survey, .section{
	display:none;
}

.myImages{
  max-height:600px;
}

.no-shadow{
  box-shadow:0 0 0 0;
}

.about-card-icons{
  width:80px;
}

.about-img-wrap{
  padding-top:10px;
  padding-bottom:10px;
}

.about-card-title{
  font-size:24px;
  font-weight:700;
  padding-top:40px;
  padding-bottom:20px;
}

.about-card-message{
  vertical-align: middle;
  padding-top:20px;
  padding-bottom:40px;
  font-size:16px;
  font-weight:400;
}

.about-message{
  width:100%;
  padding-left:15px;
  padding-right:15px;
  position:relative;
  margin:auto;
  color:#464646;
}

.overlaywrap{
  position: relative;

}
.overlaydiv{
  position: absolute;
  top: 40%;
  left: 0;
}

.mySlidessss {
  margin-top: 99px;
}
.overlaytext{
    min-height: 101px;

}
.slider2wrap{
    display: table;
    min-height: 101px;
}
.slider2{
    display: table-cell;
    vertical-align: middle;
}
.overlaytext h1{
    line-height:1em;
}
.overlaytext h4{
    font-size:26px;
}
.w3-container, .w3-panel {
    padding: 0;
}
.w3-top, .w3-bottom {
    position: static;
    width: 100%;
    z-index: 1;
}
.pt{
    padding-top:75px;
}
.pb{
    padding-bottom:100px;
}
.abouttext{
    height:200px;
}
.how-container{
    padding-bottom:90px;
}
.teamft{
    padding-top: 100px;
}
.galleryimage{
    height:400px;
}
.border-right{
    border-right:1px solid #CCCCCC;
}
.hww-boxes{
    height:275px;
}
.howborderright{
    border-right:1px solid #CCCCCC;
}
.howbordertop{
    border-top:1px solid #CCCCCC;
}
.how-text{
    padding-top:30px;
}
.paddingtext, .tab-pane p, .how-text{
    font-size:24px;
}

.coursestext{
  font-size:18px;
}


@media screen and (min-width: 601px) and (max-width: 824px) {

.titlepad{
    padding-bottom: 30px;
}

.overlaytext h1{
    font-size:24px;
}
.overlaytext h4{
    font-size:16px;
}

.overlaydiv{
  top: 33%;
}
.overlaytext {
    min-height: 70px;
    padding: 1px;
}
.slider2wrap{
    display: table;
    min-height: 70px;
    top:33%
}
}
@media screen and (min-width: 825px) and (max-width: 900px) {
      .overlaydiv{
      position: absolute;
      top: 28%;
      left: 0;
}
}
@media only screen and (max-width: 600px) {
.mySlidessss {
    margin-top: 50px;
}
h1{
    font-size: 1.5em;
}
h4{
    font-size: 1.1em;
}
p{
    font-size: 18px;
}
.overlaydiv{
    padding: 5px;
}
.overlaytext{
    display:none;
}
.titlepad{
    padding-bottom: 25px;
}
.w3-xxxlarge {
    font-size: 24px!important;
}
.orderchange{
    display: flex;
    flex-direction: column;
}
.orderone{
    order:1;
}
.ordertwo{
    order:2;
}
.pt{
    padding-top:15px;
}
.pb{
    padding-bottom:10px;
}
.paddingtext{
    padding:0 10px;
}
.abouttext{
    height:inherit;
}
.how-container{
    padding-bottom:50px;
}
.howborderright{
    border-right:none;
}
.howbordertop{
    border-top:none;
}
.teamft{
    padding-top: 0px;
}
.galleryimage{
    height:inherit;
}
.galleryfirst{
    padding-bottom: 16px!important;
}
.border-right{
    border-right:none;
}
.paddingtext, .tab-pane p, .coursestext, .coursestext p, .how-text{
    font-size:16px!important;
}
.faq-container{
    padding:0 10px;
}
.how-container{
    padding:0 10px;
}
.hww-boxes{
    height:inherit;
    padding-bottom: 25px;
}
.how-text{
    padding-top:15px;
}
.smcol2 {
    width: 50%;
    font-size: 14px;
}
.smcol2:last-child {
    width: 100%;
    font-size: 14px;
}
a.blog
{
    display:block;
}
}

@media only screen and (min-width: 825px) {
    .overlaydiv {
        position: absolute;
        top: 32%;
        left: 0;
}

    .titlepad{
        padding-bottom: 30px;
}


    .hometext{
        width: 800px;
        margin: 0 auto;
    }
    .titleborder{
        width:400px;
    }
}

@media only screen and (min-width: 1034px) {

    .titlepad{
    padding-bottom: 30px;
}

}