@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;
}

.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: #308489;
}
input:checked[type=checkbox] {
  background-color: #308489 !important;
}
input[type="checkbox"] {
  width: 20px !important;
  height: 20px !important; 
}
.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;
}

.btn {
  border-radius: 4px;
  font-size: 13px;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 25px;
  padding-right: 25px;
  border: none;
  border-radius: 30px;
  letter-spacing: .02rem;
  top: 0;
  position: relative;
  -webkit-transition: .3s all ease;
  -o-transition: .3s all ease;
  transition: .3s all ease;
  overflow: hidden;
}

.btn:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  -webkit-transition: .3s all ease;
  -o-transition: .3s all ease;
  transition: .3s all ease;
  background: rgba(255, 255, 255, 0.15);
}

.btn:hover, .btn:active, .btn:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
  top: -1px;
}

.btn:hover:before, .btn:active:before, .btn:focus:before {
  height: 50%;
}
/* Info */
.btn-info {
  background-color: #308489;
  color: #fff;

}
.btn-info:hover, .btn-info:focus {
  background-color: #19aec6;
  -webkit-box-shadow: 0 2px 0px 0 #117a8b;
  box-shadow: 0 2px 0px 0 #117a8b;
  color: #fff;
}
.text-info {
  color: #308489 !important;  
  text-decoration: none !important;  
}
.text-info:hover, .text-info:focus {
  color: #19aec6 !important;
  text-decoration: none!important;  
}
html, body {
    overflow-x: hidden;
}

.fotorama {
    max-width: 100% !important;
    overflow: hidden;
}