@import url("html5reset.css");

/* Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See https://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}
body {
  background-color: #454545;
  font-family: arial,sans-serif;
  font-size: 16px;
  padding: 0;
  margin: 0;
  }
#container {
  max-width: 1400px;
  margin: 0 auto 0 auto;
  background-color: #ffffff;
  min-height: 1000px;
  padding: 0;
  }
/*
#nav {
  position: relative;
  max-width: 1400px;
  height: 110px;
  margin: 0px auto;
  background-color: #2a2a2a;
  }
*/
#nav {
  background: #2a2a2a url(../images/career-fair-header-2017.jpg) top center no-repeat;
  height: 421px;
  margin: 0 auto;
  max-width: 1400px;
  position: relative;
}
#nav h1 {
  color: #ffffff;
  color: #000000;
  font-weight: normal;
  font-size: 3em;
  font-family: 'Raleway',arial,sans-serif;
  text-align: center;
  padding-top: 130px;
  }
h1#pagetitle {
  color: #ffffff;
  color: #000000;
  font-weight: normal;
  font-size: 3em;
  font-family: 'Raleway',arial,sans-serif;
  text-align: center;
  /*padding-top: 130px;*/
  }
#nav img#ringme {
  display: block;
  margin: 0 auto;
  }
a#logo {
  text-decoration: none;
  }
a#logo img {
  position: absolute;
  top: 24px;
  left: 180px;
  }
#nav ul {
  margin: 24px 160px 0 0;
  padding: 0;
  text-align: right;
  }
#nav li {
  margin: 0 5px 10px 0;
  padding: 0;
  list-style: none;
  display: inline-block;
  }
#nav a {
  padding: 12px 14px;
  font-family: arial,sans-serif;
  font-weight: bold;
  font-size: 14px;
  text-decoration: none;
  color: #ffffff;
  line-height: 100%;
  }
#nav a:hover {
  color: #f28d20;
  }
#nav a#orange {
  background-color: #f28d20;
  }
#nav a#orange:hover {
  color: #08457b;
  }
#nav a#blue {
  padding: 12px 16px;
  background-color: #08457b;
  }
#nav a#blue:hover {
  color: #f28d20;
  }
.slicknav_menu {
	display:none;
}
#inner-container {
  width: 70%;
  margin: 0 auto;
  }
#footer {
  background-color: #313131;
  color: #ffffff;
  max-width: 1400px;
  margin: 0 auto;
  }
#footer #social {
  max-width: 320px;
  margin: 0 auto;
  padding: 30px 0;
  text-align: center;
  }
#footer #social p {
  color: #ffffff;
  font-size: 1em;
  padding-bottom: 20px;
  }
#footer #footer-columns {
  max-width: 1000px;
  min-height: 200px;
  margin: 0 auto;
  border-top: solid 1px #494949;
  border-bottom: solid 1px #494949;
  padding: 30px 0;
  }
#footer #footer-columns .innercol {
  margin-left: 10px;
  float:left;
  }
#footer #footer-columns .fcol {
  float: left;
  width: 25%;
  min-height: 200px;
  }
#footer #footer-columns #fcol1, #footer #footer-columns #fcol2, #footer #footer-columns #fcol3 {
  /*border-right: solid 1px #494949;*/
  }
#footer #footer-columns a {
  display: block;
  text-decoration: none;
  color: #bebebe;
  padding: .5em 0;
  }
#footer #footer-columns p.white {
  color: #ffffff;
  padding: .5em 0;
  }
#copyright {
  padding: 30px 0;
  font-family: arial,sans-serif;
  font-size: .9em;
  text-align: center;
  }
  
/*---------MEDIA QUERIES------------*/
/*phones*/
@media only screen and (max-width: 480px) {
a#logo img {
  position: static;
  display: block;
  margin-left: 20px;
  }
/*SLICKNAV*/
.js #menu {
  display:none;
  }
.js .slicknav_menu {
  display:block;
 }
#footer #footer-columns .innercol {
  float: none;
  }
#footer #footer-columns .fcol {
  float: none;
  min-height: 100px;
  padding-top: 30px;
  text-align: center;
  }
#footer #footer-columns #fcol1 {
  display: none;
}
#footer #footer-columns .fcol {
  width: 100%;
  }
#copyright {
  padding: 30px 0;
  font-family: arial,sans-serif;
  font-size: .6em;
  line-height: 1.2em;
  text-align: center;
  }
}/*END QUERY*/

/*tablets*/
@media only screen and (min-width: 481px) and (max-width: 768px) {
a#logo img {
  position: static;
  display: block;
  margin-left: 20px;
  }
.js #menu {
  display:none;
  }
.js .slicknav_menu {
  display:block;
 }
#footer #footer-columns #fcol1 {
  display: none;
}
#footer #footer-columns .fcol {
  width: 33%;
  }
}/*END QUERY*/

/*desktops/laptops somewhat narrower than below*/
@media only screen and (min-width: 769px) and (max-width: 1050px) {

a#logo img {
  position: static;
  display: block;
  margin-left: 40px;
  }
#nav ul {
  margin: 0;
  text-align: center;
  }
#footer #footer-columns #fcol1 {
  display: none;
}
#footer #footer-columns .fcol {
  width: 33%;
  }
}

/*desktops/laptops*/
@media only screen and (min-width: 1051px) and (max-width: 1330px) {
a#logo img {
  position: static;
  display: block;
  margin-left: 40px;
  }
#nav ul {
  margin: 0;
  text-align: center;
  }
}/*END QUERY*/