/* CSS Document */

.text-primary-self {
	color: rgb(247, 206, 74);
}
.carousel-item > img {
	min-width: 100%;
	height: 90vh;
	object-fit: cover;

}
.carousel-item .carousel-caption {
	padding: 2% 0%;
	margin: 0;
	background: linear-gradient(to bottom right, rgba(180, 201, 211, 0.5), rgba(200, 200, 200, 0.9));
}
.carousel-item .carousel-caption > img {
	width: 50%;
}


/*
.nav-tabs {
	background: rgba(0,0,0,0.1);
}
*/
@media (max-width: 1200px) {
    .carousel-item > img {
        height: 70vh; /* Adjust height to 70vh on screens < 992px */
    }


}
	
@media (max-width: 992px) {
    .carousel-item > img {
        height: 60vh; /* Adjust height to 70vh on screens < 992px */
    }
		.carousel-item .carousel-caption > img {
	width: 60%;
}
}

/* Media query for screens with a maximum width of 760px */
@media (max-width: 760px) {
    .carousel-item > img {
        height: 50vh; /* Adjust height to 60vh on screens < 760px */
    }
	.carousel-caption > p{
		font-size: 14px;
	}
}

/* Media query for screens with a maximum width of 576px */
@media (max-width: 576px) {
    .carousel-item > img {
        height: 40vh; /* Adjust height to 50vh on screens < 576px */
    }
.carousel-item .carousel-caption > img {
	width: 80%;
}
}