/* This file will hold styles for the mobile version of your website (mobile first). */
/* This also can include ANY global CSS that applies site-wide. Unless overwritten by a more specific style rule, CSS declarations in global.css will apply site-wide. */
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,200i,300,300i,400,400i,600,600i,700,700i,900,900i');
body {
  background-color: white;
  color: #444;
  font-family: "Source Sans Pro", sans-serif;
}
/* RPI GENERAL */
h1,h2,h3,h4,h5,h6 {
  font-family: "Source Sans Pro", sans-serif;
  margin-bottom: 0;
  letter-spacing: 0.003em;
  font-weight: 300;
}
a:link, a:visited, a:active {
  color: #ab2328;
  text-decoration: none;
}
a:hover {
  color: black;
  text-decoration: underline;
}
/* TITLE / HEADER */
#rpi-masthead{
  background-color: #d6001c;
  height: 60px;
}
#rpi-min-header{
  background-color: #d6001c;
  height: 30px;
  padding: 15px 0;
  text-align: center;
}
#rensselaerLogo img {
  height: 30px;
  width: auto;
  vertical-align: middle;
}
#rpi-min-header nav {
  display: none;
}
#dept-header .rpi-name {
  display: none;
}
#dept-header h1.site-title {
  margin: 0.25em 0 0.5em;
  padding: 0;
  font-size: 2.7em;
  font-weight: 300;
  line-height: 1.2em;
  color: #ab2328;
}
#dept-header h1.site-title a {
  color: #ab2328;
}
#dept-header h1.site-title a:hover {
  text-decoration: none;
}
/* Small devices (tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  #rensselaerLogo {
    float: left;
    margin-left: 0px;
  }
  #rpi-min-header nav {
    display: block;
    float: right;
    padding-bottom: 5px;
    padding-top: 7px;
    padding-right: 10px;
    font-family: 'Source Sans Pro', sans-serif;
  }
  #rpi-min-header nav a {
    padding: 0 30px 0 0;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    text-transform: uppercase;
  }
  #rpi-min-header nav a:hover {
    text-decoration: underline;
  }
  #dept-header {
    padding: 4em 0 0 0;
  }
  #dept-header .rpi-name {
    display: block;
    margin: 0;
    color: #ab2328;
    text-transform: uppercase;
    letter-spacing: 0.003em;
  }
  #dept-header h1.site-title {
    font-size: 3.1em;
    margin-top: 0;
    line-height: 1em;
  }
  main {
    padding-top: 1em;
  }
}