/* Background image */
.jumbotron {
  text-align: center;
  padding-top: 6rem;
  padding-bottom: 6rem;
  text-shadow: 2px 2px #000;
}

.lead span {
  color: red;
  font-weight: bold;
}

.bg-cover {
  background-size: cover;
  color: white;
  background-position: center center;
  position: relative;
  z-index: -2;
}

.overlay {
  background-color: #000;
  opacity: 0.5;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
}

.frame {
    display: flex;
    /**
    Uncomment 'justify-content' below to center horizontally.
    ✪ Read below for a better way to center vertically and horizontally.
    **/

    /* justify-content: center; */
    align-items: center;
}


img {
    height: auto;
	

    /**
    ✪ To center this image both vertically and horizontally,
    in the .frame rule above comment the 'justify-content'
    and 'align-items' declarations,
    then uncomment 'margin: auto;' below.
    **/

    /* margin: auto; */
}