header.header {
    padding: 15px;
}
.container {
    width: 100%;
}
section {
    padding: 30px 0;
}
.hero {padding-bottom: 30px !important;}
h1.herotitle {
    font-size: 34px !important;
}
h2.herosub {
    width: 90% !important;
    font-size: 18px !important;
    line-height: 200% !important;
    text-shadow: 0px 0px 12px #fff, 0px 0px 42px #fff, 0px 0px 52px #fff;
}
.join {
    margin-top: 30px !important;
}
section {
    padding: 30px 5px;
}
.fleft,.fright {width: calc(100% - 30px); float: none; padding: 15px;}
#howto {padding: 20px;}



.header nav {
	display: none;
    position: absolute;
    top: 77px;
    background: #323232;
    left: 0px;
}
.header nav li,.header nav li a, nav {display:block; float:none; width:100%;}
.header nav li a {margin-bottom: 10px; color: #fff;}
section#howto {
    background-size: 27%;
    background-position: right top;
}
.whatwedo h2 ,.howto h2,.faq h3,.contact h4{font-size: 44px; margin: 0; line-height:150%;}
.faq h3 {text-align: center; display: block;}
.form {width: 100%;}
.input {
    width: calc(100% - 55px);
}

textarea {
    width: calc(100% - 55px); }
    .footerlogo {
    margin: 0 auto;
    display: block;
    text-align: center;
    width: 100%;
}

nav ul li a {
    margin-left: 15px;
    margin-right: 15px;

}
.pad30 {padding-top: 0px !important;}
.sprite {display:inline-block; float:right;}
a.menu {
    position: relative;
    top: 10px;
    display: block;
}
.op {
    opacity: .5;
}

.show {
    display: block !important;
    z-index:99999;
}
.inval {width: initial; }