.header {
  text-shadow: 1px 1px #000;
}

footer {
  background: #153d77;
}

footer {
  color: #fff;
}

footer a,
footer h5 {
  color: #fff !important;
}

footer a.nav-link:hover {
  text-decoration: underline;
}

.breadcrumb-item a {
  color: #fff;
}

.wrapper::before {
  background: #153d77;
  content: " ";
  height: 280px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  background-position: center;
}

.logotop {
  height: 15vh;
  background-size: contain;
  background-position: left;
  background-repeat: no-repeat;
  max-width: 400px;
}

main.content {
  margin-top: 3rem;
}

.sidebar-brand,
.sidebar-brand:hover {
  padding: 0;
  background: transparent;
}

.top-brand,
.top-brand:hover,
.footer-brand,
.footer-brand:hover {
  background: transparent;
  color: #fff;
  font-weight: 500;
  padding: 1rem;
  text-decoration: none;
  width: 100%;
}

.top-brand:hover svg,
.top-brand svg {
  fill: #5c93e3;
  height: 32px;
  margin-right: .25rem;
  width: 32px;
}

.footer-brand:hover svg,
.footer-brand svg {
  fill: #5c93e3;
  height: 40px;
  margin-right: .25rem;
  width: 40px;
}

.top-brand,
.top-brand:hover {
  font-size: 1.175rem;
}

.footer-brand,
.footer-brand:hover {
  font-size: 1.875rem;
}

@media(max-width: 768px) {
  .logotop {
      margin: auto
  }
  .sidebar-brand {
      width: 100% !important;
  }
  main.content {
      margin-top: 8rem;
  }
}

.main{
  min-height: 88vh;
}