html,body {
    padding:0;
    margin:0;
    height:100%;
}

.header {
  height:360px;
  background-color:#2b2b2c !important;
  background:url('../../assets/img/map.png') no-repeat center center;
}

.headerCol {
  margin-top:30px;
}

div.logo {
  max-width:420px;
  margin:0 auto;
}

h1.logo {
  color:#ffffff;
  font-size:28px;
  border:2px solid #ffffff;
  border-radius:5px;
  padding: 15px 15px 10px 15px;
  background-color:#2b2b2c;
  line-height: 16px;
  font-family: "HelveticaNeue-light";
}

.companies{
 max-width:770px;
 margin:300px auto 0;
 color: white;
 font-size: 31px;
 font-family: "HelveticaNeue-light";
 line-height: 35px;
}

#nav {
  height:25px;
  background-color:#565758;
  box-shadow:0px -4px 4px #070707;
}


#overlay{
background:url(../../assets/img/pattern-overlay.png) repeat scroll 0 0;
opacity:0.388;
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
}


.navColor {
  background-color:#565758;
}

.bshadow {
  box-shadow:0px -4px 4px #070707;
  height:30px;
  background-color:#565758;
}

.bottom-column {
  top:0px;
}

.ctn {
  color:white;
  margin-top:4px;
}

.vbottom {
  text-align:center;
  padding-bottom:0px;
  bottom:0px;
}

@font-face{
    font-family: "HelveticaNeue-Thin";
  src: url(fonts/HelveticaNeue-Thin.otf);
}


@font-face{
    font-family: "HelveticaNeue-light";
  src: url(fonts/HelveticaNeueLTStd-Lt.otf);
}


.jmn{
  font-size:60px;
  font-family: "HelveticaNeue-Thin";
}


.jmnmob{
    font-size: 40px;
    font-family: "HelveticaNeue-Thin";
}


button{
padding: 0px 20px;
border: 0;
font-size: 17px;
border-radius: 5px 5px 0px 0px;
-moz-border-radius: 5px 5px 0px 0px;
-webkit-border-radius: 5px 5px 0px 0px;
border: 0px solid #000000;
box-shadow:0px -8px 4px -4px #070707;
background: linear-gradient(to right,#589802 50%, #565758 50%);
background-size: 200% 100%;
background-position:right bottom;
transition:all 1s ease;
font-family: "HelveticaNeue-light";

}

button:hover {
  background-position:left bottom;
  text-decoration: none;
  color:white;
}

a{
  text-decoration: none;
  color: white;
}

.flogo{
 color:#2B2B2C;
 font-size: 36px;
 font-family: "HelveticaNeue-light";
}

#content{

 height: 460px;
 background-color:white ;
   background:url('../../assets/img/tubes.jpg') no-repeat center center;
}

#join{
  position: relative;
  bottom: 40px;
  text-align: center;
  margin-top: 50px;
}


.jmn_top{
  margin-top:-48px;
}

.mobile{
  display:none;
}

#join > :last-child { margin-bottom: 30px !important; margin-right: 0 !important; }

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

  body{
  background-color:#2b2b2c;
}


.header {
  height:100%;
}

.companies{
 margin:40px auto;
 text-align:left;
 padding-left: 50px;
 font-size: 20px;
 }

.headerCol {
    margin-top: 0px;
    display: none;
 }
 .mobile{
   display:block;
 }

 .desktop{
   display:none;
 }

 #mob{
   margin-top:20px !important;
   padding-top:50px;
 }

 #nav,#join,#content{
   display:none;
 }

}