 .dept-slider .carousel-caption {
	 position: absolute;
	 right: 0;
	 bottom: 0;
	 left: 0;
	 z-index: 10;
	 padding: 1rem 2rem;
	 background-color: rgba(69,0,18,.8);
	 color: #fff;
	 text-align: left;
	 height: 15%;
}
 .dept-slider .carousel-caption h4 {
	 font-family: "Oswald", sans-serif;
	 font-weight: 500;
	 font-size: 2.5rem;
	 /* text-transform: uppercase; */
	 color: #fff;
}
 .dept-slider .carousel-caption a {
	 color: #fff;
	 text-decoration: none;
}
 .dept-slider .carousel-caption a:hover {
	 color: #007bff;
	 text-decoration: none;
}
 .carousel-control-next, .carousel-control-prev {
	 width: 10%;
}
 .carousel-control-next:focus, .carousel-control-prev:focus {
	 outline: none !important;
	 background-color: rgba(255,255,255,.5);
}

/* ---------- Responsive Breakpoints ---------- */
/* Small devices (landscape phones, 576px and below) */
 @media (max-width: 576px) {
	 .dept-slider .carousel-caption {
		 height: 40%;
	}
	 .dept-slider .carousel-caption h4 {
		 font-size: 1.2rem;
	}
	 .dept-slider .carousel-caption p {
		 font-size: .7rem;
	}
}

/* Small devices (landscape phones, 576px and up) */
 @media (min-width: 576px) {
	 .dept-slider .carousel-caption {
		 height: 40%;
	}
	 .dept-slider .carousel-caption h4 {
		 font-size: 1.2rem;
	}
	 .dept-slider .carousel-caption p {
		 font-size: .7rem;
	}
}
/* Medium devices (576px - 992px) */
 @media (min-width: 576px) and (max-width: 992px) {
	 
}
/* Medium devices (tablets, 768px and up) */
 @media (min-width: 768px) {
	 .dept-slider .carousel-caption {
		 height: 30%;
	}
	 .dept-slider .carousel-caption h4 {
		 font-size: 1.8rem;
	}
	 .dept-slider .carousel-caption p {
		 font-size: .8rem;
	}
}
/* Large devices (desktops, 992px and up) */
 @media (min-width: 992px) {
	 .dept-slider .carousel-caption {
		 height: 20%;
	}
	 .dept-slider .carousel-caption h4 {
		 font-size: 1.5rem;
	}
	 .dept-slider .carousel-caption p {
		 font-size: 1rem;
	}
}
/* Extra large devices (large desktops, 1200px and up) */
 @media (min-width: 1200px) {
	 .dept-slider .carousel-caption {
		 height: 20%;
	}
	 .dept-slider .carousel-caption h4 {
		 font-size: 2.5rem;
	}
}
 