@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,900|Source+Serif+Pro&subset=latin,latin-ext); 
body {
font-family: -apple-system, BlinkMacSystemFont, "Source Sans Pro",
    "Segoe UI", "Roboto", "Oxygen",
    "Ubuntu", "Cantarell", "Fira Sans",
    "Droid Sans", "Helvetica Neue",  sans-serif;
    font-size: 1rem;
}

header.masthead {
background-color: #343a40;
background: url("/images/bg-masthead.jpg") no-repeat center;
background-size: cover;
padding-top: 2rem;
padding-bottom: 3rem;
margin-top: -1rem;
}

header.masthead h1, header.masthead .h1 {
font-size: 2rem;
}
@media (min-width: 768px) {
header.masthead {
padding-top: 5rem;
padding-bottom: 5rem;
}
header.masthead h1, header.masthead .h1 {
font-size: 3rem;
}
}

footer.footer {
padding-top: 1rem;
padding-bottom: 1rem;
margin-top: 1rem;
}
footer.footer a {
color: aliceblue;
text-decoration: none;
font-size: medium;
}
del {
text-decoration: line-through red;
padding: 10px;
}

.justify {
text-align: justify;
}

a {
 text-decoration: none;
 color: #004080;
}
a:hover {
text-decoration: underline;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
}
h2.h5, h2.h6 {
 color: #B22222;
}
.text-danger {
  color: #B22222 !important;
}
input:checked[type=checkbox] {
  background-color: #B22222 !important;
}
input[type="checkbox"] {
  width: 15px;
  height: 15px;
}
.image-container {
  aspect-ratio: 4/6;
  position: relative;
  width: 100%;
}

.scaled-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.content-wrapper {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 100px;
}

.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}