.important {
  color: #fff !important;
  background-color: #0be3ff !important;
  border-color: #ffd900 !important;
}
.important:active,
.important.active,
.important:focus,
.important.focus,
.important:hover,
.important a:hover {
  background-color: #ffd95b !important;
  border-color: #00d9ff !important;
}

.hotchkiss {
  color: #fff;
  background-color: #0f4d92;
  border-color: #2e5c8f;
}
.hotchkiss:active,
.hotchkiss.active,
.hotchkiss:focus,
.hotchkiss.focus,
.hotchkiss:hover,
.hotchkiss a:hover {
  background-color: #2e5c8f;
  border-color: #0f4d92;
}
.grad {
  color: #fff;
  background-color: #2662a8;
  border-color: #000080;
}
.grad:active,
.grad.active,
.grad:focus,
.grad.focus,
.grad:hover,
.grad a:hover {
  background-color: #000080;
  border-color: #2662a8;
}
.volunteer {
  color: #fff;
  background-color: #ffd254;
  border-color: #ffe96b;
}
.volunteer:active,
.volunteer.active,
.volunteer:focus,
.volunteer.focus,
.volunteer:hover,
.volunteer a:hover {
  background-color: #ffe96b;
  border-color: #ffd254;
}
.bigimage {
  width: 100%;
  height: 350px;
  object-fit: 'cover';
}
.padding70 {
  padding: 70px;
}

/*
   * FooterFFF
   */
.blog-footer {
  padding: 2.5rem 0;
  color: #999;
  text-align: center;
  background-color: #f9f9f9;
  border-top: 0.05rem solid #e5e5e5;
}
.blog-footer p:last-child {
  margin-bottom: 0;
}

.container {
  padding-top: 20px;
}

.home-image {
  width: 200px;
  height: 300px;
  object-fit: cover;
}
.top-image {
  width: 250px;
}
.page-image {
  width: 200px;
  object-fit: cover;
}