.carousel-item{
	width: 100%;
	height: 150vh;
	background-color: #E9C8F0;
}
.carousel-item img{
	width: 100%;
}
.carousel-item .carousel-caption{
	top: 20px;
	background-color: #fff;
    overflow: hidden;
}
.carousel-item .right-box{
	text-align: left;
	color: #000;
	padding: 30px 20px;
}
.left-box {
    vertical-align: bottom
}
.carousel-item .right-box .date{
	font-size: 14px;
}
.carousel-item .right-box h2{
	font-weight: 700;
    font-size: 22px;
}
.carousel-item .right-box p{
	font-size: 16px;
	margin-bottom: 25px;
}
@media (min-width: 576px) {
    .carousel-item{
	width: 100%;
	height: 230vh;
	background-color: #E9C8F0;
}
    .carousel-item .right-box h2{
	font-weight: 700;
    font-size: 22px;
}
    .carousel-item img{
	width: 100%;
}
}
@media (min-width: 768px) {
    .carousel-item{
	width: 100%;
	height: 100vh;
	background-color: #E9C8F0;
}
    .carousel-item .right-box h2{
	font-weight: 700;
    font-size: 24px;
}
    .carousel-item img{
	width: 100%;
    max-height: 460px;
    max-width: 479px;
}
}
@media (min-width: 992px) {
    .carousel-item{
	width: 100%;
	height: 75vh;
	background-color: #E9C8F0;
}
    .carousel-item .right-box h2{
	font-weight: 700;
    font-size: 26px;
} 
    .carousel-item img{
	width: 100%;
    max-height: 460px;
    max-width: 479px;
}
}
@media (min-width: 1200px) {
    .carousel-item{
	width: 100%;
	height: 63vh;
	background-color: #E9C8F0;
}
   .carousel-item .right-box h2{
	font-weight: 700;
    font-size: 28px;
} 
    .carousel-item img{
	width: 100%;
    max-height: 479px;
    max-width: 479px;
}
}