/* PAGE GENERIC CSS */
#pagecontent {
  display: flex;
  flex-wrap: nowrap;
  padding: 20px;
}

#pagetext {
  padding-right: 20px;
  flex: 0 0 50%;
}
#pagetext h1 {
  margin: 0px;
  font-size: 24px;
}

#pageimg {
  width: 100%;
  background-size: cover;
  background-position: center;
}

/* PAGE SPECIFIC */
#aboutpage #pageimg {background-image: url(/assets/img/about/rocket_launch.jpg);}
#servicespage #pageimg {background-image: url(/assets/img/services/darpa_gremlins.jpg); background-position: 20%;}
/*#contactpage #pageimg {background-image: url(../../img/contact/map_preload.png); background-position: center;}*/
#contactpage #pageimg {
  background-image: url(/assets/img/contact/usamap.png), url(../img/contact/radial_blue_gray.jpg);
  background-image: url(/assets/img/contact/usamap.png), radial-gradient(circle at 70% -10%, #888 0, #3477b6 100%);
  background-size: contain, cover;
  background-repeat: no-repeat;
}

#joinuspage #job_listings {padding: 20px 0px; max-width: 600px;}

#contactpage #gmap {width: 100%; height: 100%;}

/* MOBILE */
@media (max-width: 767px) {
  #pagecontent {
    flex-wrap: wrap;
    padding: 20px;
  }
  #pagetext {
    flex: 0 0 100%;
    padding: 0px;
  }
  #contactpage #pageimg {
    margin-top: 20px;
  }
  #contactpage #gmap {
    min-height: 500px;
  }
  #joinuspage #job_listings {
    margin: auto;
  }
}