@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap');

body
{
  font-family: "Open Sans", "Verdana", "Geneva", "Arial", sans-serif;
  padding-top: 1em;
}

h1
{
  font-weight: 700;
}

h2, h3, h4, h5, h6
{
  font-weight: 600;
}

h1, .jumbotron h1
{
  font-size: 18pt;
}

h2
{
  background: hsla(222, 55.4%, 25%, 1);
  color: white;
  font-size: 12pt;
  padding: .5em .25em .25em .5em;
  margin-top: 1em;
}

a
{
  color: hsl(222, 54.4%, 40%);
}

a:focus, a:hover
{
  color: hsl(222, 54.4%, 25%);
}

dd
{
  margin-left: 1em;
}

.jumbotron
{
  background-image: url("https://upload.wikimedia.org/wikipedia/commons/f/f8/Cmglee_Cambridge_aerial.jpg");

  background-position: 0% 35%;
  background-size: cover;

  padding-top: 2em;
  padding-bottom: 2em;

  box-shadow: inset 0 0 0 1000px hsla(222, 55.4%, 80%, 0.75);
  text-shadow: 2px 2px 8px black;
}

.jumbotron h1, .jumbotron .location
{
  color: white;
}

.jumbotron h1
{
  text-align: center;
}

.jumbotron .location
{
  font-size: 14pt;
  font-weight: 600;
  margin: 1em;
  text-align: right;
}

td
{
  padding: 0.5em 0;
}

td:not(:first-child), th:not(:first-child)
{
  padding-left: 1em;
}

td:first-child
{
  font-weight: bold;
}

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover
{
  background: hsla(222, 54.4%, 25%, 0.8);
  border-color: hsla(222, 54.4%, 25%);
}

#news .row
{
  margin-top: .5em;
}

.news
{
  background: hsla(222, 54.4%, 25%, 0.05);
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: .5em;
}

@media screen and (min-width: 768px)
{
  .jumbotron
  {
    padding-bottom: .25em;
  }
}