body {
	background:#eee;
  min-width: 360px;
}
a:active, a:focus {
  border: 1px dashed white;
  outline: 1px dashed black;
}
.blue {
  color: #002675;
}
.bg-blue {
background-color: #002675;
}
.border-blue {
  border-color: #002675;
}
.red {
  color: #de004b;
}
.bg-red {
  background-color: #de004b;
}
.border-red {
  border-color: #de004b;
}
.bg-lightgrey {
  background-color: #d1d1d1;
}
/* START NAVBAR */
.navbar {
  display: block;
  padding: .625rem;
}
.navbar-nav {
  display: none;
  -ms-flex-direction: row;
  flex-direction: row;
  padding-left: .5rem;
  margin-bottom: 0;
  list-style: none;
}
.nav-item {
  font-size: 1rem;
  font-weight: bold;
  padding-right: 2.5rem;
}
.nav-link {
  display: block;
  padding: 0;
}
#mobilenav {
  display: block;
}
#mobilenav button {
  background-color: #002675;
  border: none;
  height: 36px;
  width: 48px;
}
.glyph {
   color: #fff;
}
.navlistparent {
 height: 12px;
 vertical-align: middle;
}
#mobilenavlist.show {
  display: block;
}
ul#mobilenavlist {
  display: none;
  margin-top: -2rem;
  text-align: center;
}
.navlist li {
  display: block;
}
#mobilenavlist a:link, #mobilenavlist a:visited, 
#mobilenavlist span { 
   color: #fff;
   line-height: 2;
   text-decoration: none;
}
#mobilenavlist span:hover {
cursor: pointer;
}
/* END NAVBAR */
.pageTitle {
  font-size: 1.5rem;
  text-align: center;
}
/* START RSS */
.rss {
	background:#fff;
  border-style: solid;
  border-width: 6px;
  padding: 12px;
}
h2.rssTitle {
  font-size: 1.25em;
  font-weight: 700;
}
/* END RSS */
/* START RSS */
.articleBoxThumbnail {
	display: block;
	float: left;
	margin-bottom: 15px;
  margin-right: 15px;
	width: 100%;
}
.articleHeroThumbnail {
  display: block;
	padding-bottom: 15px;
	width: 100%;
}
.articleTitle {
  font-size: 1.25rem;
}
.footer {
  text-align: center;
}
/* START Tablet */
@media (min-width: 576px) {
  .navbar {
    padding: 1rem;
  }
  #mobilenav {
    display: none;
  }
  .navbar-nav {  
    display: -ms-flexbox;
    display: flex;
  }
  .pageTitle {
    font-size: 2rem;
  }
  .articleTitle {
    font-size: 1.5rem;
  }
  .articleBoxThumbnail {
    width: 50%;
  }
}
/* END Tablet */
/* START Laptop */
@media (min-width: 768px) {
  .pageTitle {
    font-size: 2.5rem;
  }
  .articleTitle {
    font-size: 1.75rem;
  }
  .articleBoxThumbnail {
    width: 40%;
  }
}
/* END TapLap */
/* START Desktop */
@media (min-width: 992px) {
  .articleBoxThumbnail {
    width: 30%;
  }
 }
/* END Desktop */
/* START Large Monitor */
@media (min-width: 1200px) {
  .articleBoxThumbnail {
    width: 20%;
  }
 }
/* END Large Monitor */