/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
/*  padding-top: 3rem; */
  color: #fff;
  background-color: #4D5F5B;
  margin-bottom:-200px;
}


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel-caption-custom{
  position: absolute;
  left: 0;
top: 0px;
height: 100%;
z-index: 10;
padding-top: 20px;
padding-bottom: 20px;
color: #fff;
text-align: center;
}
img.carousel-caption-custom{
  max-width: 50%;
}



/* partners CONTENT
-------------------------------------------------- */
.partners{
    border-radius: 2rem;
}
/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}
.marketing h2 {
  font-weight: 400;
}
.marketing .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 5rem 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -.05rem;
}

/*Footer*/




/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption-custom{
    top: 10%;
  }
   .carousel-caption-custom p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 62em) {
  .carousel-caption-custom{
    top: 20%;
  }
  .featurette-heading {
    margin-top: 7rem;
  }
}


/*---------Custom ------------*/
h2 {
  font-weight: normal;
  font-size: 1.8rem;
}
h3.specific-aim, h3.people {
  font-size: 1rem;
  font-weight: bold;
}h3.specific-aim{
  margin-bottom: 0;

}
h1.cover-heading{
  font-size: 2.3rem;
  letter-spacing: .2rem;
  -webkit-filter: drop-shadow(3px 3px 3px #222);
  filter: drop-shadow(3px 3px 3px #222);
   margin-bottom: -3PX;

}
h2.cover-heading{
  text-align: left;
  font-size: 1.8rem;
  letter-spacing: .2rem;
  margin-bottom:0;
  -webkit-filter: drop-shadow(2px 2px 2px #222);
  filter: drop-shadow(2px 2px 2px #222);
}

h3.intro-text{
  font-weight: normal;
  font-size:1.2rem;
}
p.text-small{
  font-size:.8rem;

}

.figure-caption{
  color: #bbb;
}

  .bd-placeholder-img {
    font-size: 1.125rem;
    text-anchor: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }


  @media (min-width: 768px) {
    h1.cover-heading{
      font-size: 4rem;
    }
    h2{
      font-size: 2rem;
    }
    .bd-placeholder-img-lg {
      font-size: 3.5rem;
    }.figure {
      max-width: 400px;
    }.text-small{
      font-size: .8rem
    }


      h3.people{
        font-size: 1.8rem;
        font-weight: normal;
      }

  }
@media (max-width: 992px){
  .card-group>.card {
      -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    margin-bottom: 15px;
  }
}

@media (max-width: 500px){
  h1.display-4{
    font-size: 20pt;
  }
  .email-truncate{
    max-width:50vw;
  }
}


/*-------------Footer and Header images -----------------*/


.top-logo{
width: 210px;

}

.page-width{
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
}
.header-image-div{
 width: 100%;
  position: relative;
  text-align: center;
  overflow: hidden;

}.footer-image-div{
  position: relative;
  text-align: center;
  overflow: auto;
}
.footer-image-div{
  border-top: #343a40 5px solid;

}
.header-image{
  object-position: center;
  object-fit: cover;
  height: 80vw;
  width: 100%;
  max-height: 500px;
}
   .footer-image{
  width: 100%;
  object-fit: cover;
}
.footer-image{
  object-position: bottom;
  height: 80vw;
}
.carousel-caption-custom2{
  position: absolute;
  bottom: 5px;
  right: 50%;
  color: #fff;
}
.footer-content{
  z-index: 10;
  position: absolute;
  width: 80%;
  max-width: 400px;
  top: 0px;
  right: 50%;
  color: #000;
  font-size: .5rem;
}

.carousel-caption-center, .footer-content-center{
  position: relative;
  right:-50%;
}

@media (min-width: 768px) {
  .header-image-div{
  }
  .header-image-div-holder{
    max-height:500px;
  }
  .header-image{
    object-position: center;
    object-fit: cover;
    width: 100%;
    height: 100%;
  }


  .research-aims .figure-caption{
          position: absolute;
          bottom: 0;
          font-size: .6rem;
          line-height: .8rem;
          background-color: rgba(0, 0, 0, 0.6);
          padding: 5px;
          margin-right: 4px;

        }
  .footer-image{
    height: 65vw;
  }

}

@media (min-width: 992px) {
  .footer-image{
    max-height:780px;
  }
  .footer-content{
  width:400px;
  font-size: .8rem
  }
}



/********-----  Research Aims ************/




.flex_people{
flex-direction: row;
flex-flow: wrap;
align-items: flex-end;

}