/*
Custom CSS for Research Theme
*/

body {
  padding-top: 67px;
  padding-bottom: 20px;
}
body.logged-in{
    /* padding-top: 99px; */
}
header {
  margin-bottom: 0px;
}
body.logged-in header{
    top: 32px;
}

.logo {
  max-height: 40px;
  width: 180px;
}

.hero-image {
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: 420px;
  background-size: cover;
  background-position:center center;
}
.hero-image .jumbotron {
  background-color: rgba(233,236,239,.7);

}
h6.card-title {
  min-height: 42px;
  font-size:1.1rem;
}

.card-text{
  font-weight: 300;
  font-size: 16px;
}

footer {
  margin-top: 30px;
  padding-top: 20px;
  border-top: 1px solid #eee;
}
footer .cert{
  text-align:right;
}

@media (max-width: 430px) { 
  .display-4{
    font-size: 2rem;
  }
  .lead{
    font-size: .8rem;
    width: 100% !important;
  }
  .hero-image{
    height:280px;
  }
  .card img{
    height: 220px;
    object-fit: cover;
  }
  .btn{
    font-size: .8rem;
  }
  footer p,.card-text{
    font-size: .8rem;
  }
  footer p{
    margin-bottom:0;
    
  }
  footer .cert{
    text-align:left;
  }
}