.carousel {
  background:#FFF;
	 max-height:85vh;
	overflow-y: hidden;
  
}

/*
Forces image to be 100% width and not max width of 100%
*/
.carousel-item .img-fluid {
  width:100vw;
 
 
 
}

/* 
anchors are inline so you need ot make them block to go full width
*/
.carousel-item a {
	
  display: block;
  width:100vw;
	
}
.carousel-inner > .item > img {
    margin: 0 auto;
}
/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */




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

/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  bottom: 2rem;
  z-index: 10;
}

/* Declare heights because of positioning of img element */


/* MARKETING CONTENT
--


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

@media (max-width: 44em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
  
   display: none;
    margin-bottom: 0.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }


}

@media (min-width: 45em) {
 .carousel-caption p {
  
  bottom: 0.5rem;
    margin-bottom: 0.25rem;
    font-size: 1rem;
    line-height: 1.4;
  }
}