@charset "UTF-8";
body {
  padding: 0;
  margin: 0;
  font: 18px "Nunito Sans", Arial, Helvetica, sans-serif;
  background: #076CD1;
}
#container {
  max-width: 1100px;
  margin: 0 auto;
}
/* ------------------------------------------ */
/* ----------------- HEADER ----------------- */
/* ------------------------------------------ */
#headerContainer {
  background: #eee;
  font-size: .75em;
}
#header {
  display: flex;
  align-items: center;
  padding: 30px 40px;
}
#header:before {
  display: block;
  background: url(https://www.reed.edu/german/mieszkowski/assets/images/jan2018.jpg) no-repeat;
  background-size: cover;
  content: "";
  width: 110px;
  height: 110px;
  border-radius: 10px;
  margin-right: 20px;
}
@media screen and (max-width: 540px) {
#header {
  display: block;
  text-align: center;
  padding: 20px;
}
#header:before {
  width: 100px;
  height: 100px;
  margin: 0 auto 10px;;
}
}
#header h1 {
  color: #333;
  font-size: 2em;
  margin: 0;
}
#header h1 a {
  color: #333;
  text-decoration: none;
}
#header h2 {
  color: #555;
  font-size: 1em;
  font-weight: normal;
  margin: 3px 0 5px;
}
#header p {
  color: #555;
  margin: 3px 0 5px;
}
#header a {
  color: #555;
  text-decoration: none;
}
.social {
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 0;
  padding-top: 16px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: contain;
}
.twitter {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Cpath d='M8.805 25.5c10.567 0 16.346-8.85 16.346-16.524 0-.251 0-.501-.017-.75A11.76 11.76 0 0 0 28 5.218c-1.048.47-2.16.778-3.3.914a5.818 5.818 0 0 0 2.526-3.211 11.44 11.44 0 0 1-3.648 1.41A5.723 5.723 0 0 0 19.39 2.5c-3.155 0-5.75 2.624-5.75 5.813 0 .442.05.883.148 1.314A16.259 16.259 0 0 1 1.948 3.56c-1.515 2.638-.73 6.057 1.78 7.752a5.655 5.655 0 0 1-2.608-.727v.074c0 2.754 1.939 5.147 4.609 5.693a5.677 5.677 0 0 1-2.594.1c.75 2.359 2.915 3.986 5.367 4.032A11.45 11.45 0 0 1 0 22.891a16.137 16.137 0 0 0 8.805 2.604' fill='%23333'%3E%3C/path%3E%3C/svg%3E");
}
.insta {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 0C8.741 0 8.333.014 7.053.072c-1.277.06-2.15.262-2.912.559a5.882 5.882 0 0 0-2.125 1.383A5.882 5.882 0 0 0 .63 4.14c-.297.763-.5 1.635-.559 2.912C.014 8.333 0 8.74 0 12s.014 3.667.072 4.947c.058 1.277.262 2.15.559 2.912.307.79.716 1.46 1.383 2.127A5.882 5.882 0 0 0 4.14 23.37c.764.297 1.635.5 2.912.559C8.332 23.986 8.74 24 12 24s3.667-.014 4.947-.072c1.277-.058 2.15-.262 2.912-.559a5.883 5.883 0 0 0 2.127-1.383 5.883 5.883 0 0 0 1.383-2.127c.297-.763.5-1.635.559-2.912.058-1.28.072-1.688.072-4.947s-.014-3.667-.072-4.947c-.058-1.277-.262-2.15-.559-2.912a5.882 5.882 0 0 0-1.383-2.127A5.883 5.883 0 0 0 19.86.63c-.763-.297-1.635-.5-2.912-.559C15.667.014 15.26 0 12 0zm0 2.162c3.204 0 3.585.012 4.85.07 1.17.054 1.803.249 2.226.413.56.218.961.478 1.381.898.42.42.68.82.899 1.38.164.424.359 1.057.412 2.227.058 1.265.07 1.646.07 4.85s-.012 3.585-.07 4.85c-.053 1.17-.248 1.803-.412 2.226-.218.56-.479.961-.899 1.381s-.82.68-1.38.899c-.424.164-1.057.359-2.227.412-1.265.058-1.646.07-4.85.07s-3.585-.012-4.85-.07c-1.17-.053-1.803-.248-2.226-.412a3.718 3.718 0 0 1-1.381-.899c-.42-.42-.68-.82-.899-1.38-.164-.424-.359-1.057-.412-2.227-.058-1.265-.07-1.646-.07-4.85s.012-3.585.07-4.85c.053-1.17.248-1.803.412-2.226a3.73 3.73 0 0 1 .899-1.381c.42-.42.82-.68 1.38-.898.424-.164 1.057-.36 2.227-.413 1.265-.058 1.646-.07 4.85-.07zm6.613 1.285a1.714 1.714 0 0 0-1.47 1.696 1.714 1.714 0 0 0 3.427 0 1.714 1.714 0 0 0-1.957-1.696zM12.43 5.143a6.429 6.429 0 1 0 0 12.857 6.429 6.429 0 0 0 0-12.857zm0 2.256a4.173 4.173 0 0 1 0 8.345 4.173 4.173 0 1 1 0-8.345z' fill='%23333'%3E%3C/path%3E%3C/svg%3E");
}
/* --------------------------------------- */
/* ----------------- NAV ----------------- */
/* --------------------------------------- */
#siteNav {
  background: #fff;
  color: #333;
  font-size: 16px;
  position: relative;
  box-shadow: 0 3px 5px rgba(0,0,0,.2);
}
#siteNav h3 { display: none; }
#siteNav ul {
  margin: 7px 33px;
  padding: 0;
  list-style: none;
  display: inline-block;
}
#siteNav ul li {
  margin: 7px;
  padding: 0;
  display: inline-block;
  padding: 0;
  position: relative;
}
#siteNav ul li a {
  color: #333;
  text-decoration: none;
  font-weight: 600;
}
#siteNav ul li a:hover { color: #000; }
@media screen and (max-width: 540px) {
  #siteNav ul {
    margin: 7px 13px;
    text-align: center;
  }
}
/* ------------------------------------------- */
/* ----------------- CONTENT ----------------- */
/* ------------------------------------------- */
#mainContent {
  padding: 40px 80px;
  margin: 0 auto;
  background: #fff;
  color: #222;
  line-height: 140%;
}
@media screen and (max-width: 540px) {
  #mainContent {
    padding: 40px 20px;
  }
}
#mainContent h1, #mainContent h2 {
  color: #333;
  font-size: 2em;
  font-weight: normal;
}
#mainContent > h1:first-child, #mainContent > h2:first-child {
  margin-top: 0;
}
#mainContent h3 {
  color: #333;
  font-size: 1.2em;
}
#mainContent a { color: #076CD1; text-decoration: none; }
#mainContent a:hover { text-decoration: underline; }
p.caption {
  font-size: .9em;
  font-style: italic;
  color: #666;
  margin-top: .5rem;
}
#mainContentFooter {clear: both;}
/* ---------------------------------------- */
/* ----------------- MISC ----------------- */
/* ---------------------------------------- */
img {
  max-width: 100%;
  height: auto;
}
.row {
  display: flex;
  flex-wrap: wrap
}
.col {
  margin-right: 2rem;
}
#accessLinks {
  position: absolute;
  top: -999px;
  left: 0;
  width: 80%;
  z-index: 999;
}
#accessLinks a {
  position: absolute;
  top: 0;
  left: 0;
}
.crazyIEfix:active, #accessLinks a:focus, #accessLinks a:active {
  top: 999px;
  background-color: #434343;
  color: #f0e4d4;
  padding: 2px 4px;
  border: 1px solid #000;
  margin: 5px;
  white-space: nowrap;
}