/*-----------------T铆tulo del proyecto----------------*/

	.banner {
	    background: none;
	}

	.banner-name {
		font-weight: 700;
		font-size: calc(3rem + 1.85vw);
		text-align: center;
		min-width: calc(15rem + 10vw);
		color: #0c2c1f;
		border-bottom: 3px solid #0c2c1f;
		text-transform: uppercase;
	}

	.banner-location {
		font-weight: 500;
		font-size: calc(1.25rem + 1vw);
		color: #0c2c1f;
		margin-bottom: 0;
		text-transform: uppercase;
	}

	.banner-type {
		font-weight: 500;
		font-size: calc(1rem + .75vw);
		color: #0c2c1f;
	}

/*-----------------Informaci贸n del proyecto----------------*/

	.info-container {
		width: 80vw;
		margin: 0 10vw;
	}

	.descripcion-proyecto {
	    font-weight: 500;
		font-size: calc(.85rem + .75vw);
		color: #0c2c1f;
		margin-bottom: calc(1.5rem + 1vw);
	}

	.prod-serv {
	    font-weight: 700;
		font-size: calc(1.2rem + .85vw);
		color: #0c2c1f;
		margin-bottom: calc(1.5rem + 1vw);
	}

	ul {
		list-style-position: inside;
	}

	.info-container li, p {
		font-weight: 500;
		font-size: calc(.85rem + .75vw);
		color: #0c2c1f;
		margin-bottom: calc(.75rem + .75vw);
	}

/*-----------------Galer铆a----------------*/

	#carouselFirst .carousel-item {
		align-items: center;
		justify-content: center;
		overflow: hidden;
		max-height: 30vw;
	}

	#carouselFirst .carousel-item img {
		width: 100%
	}

	.gallery-container {
		display: flex;
		align-items: center;
		width: 80vw;
		margin: 0 10vw;
	}

	.gallery-item {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.image-placeholder {
		max-width: 24vw;
		max-height: 24vw;
		background-color: black;
		display: flex;
		align-items: center;
		justify-content: center;
		overflow: hidden;
	}

	.carousel-image {
		max-height: 80vh;
		max-width: 80vw;
	}

	.gallery-image {
		max-width: 275%;
		max-height: 200%;
	}

	#galleryModal .modal-dialog {
		max-width: 80vw;
	}

	#carouselModalInner {
		height: 80vh;
	}

	#carouselModalInner .carousel-item {
		justify-content: center;
		align-items: center;
		height: 100%;
	}

	#carouselModalInner .carousel-item.active {
		display: flex;
	}

	.carousel-item-next, .carousel-item-prev, .carousel-item.active {
		display: flex;
	}

/*-----------------Ubicaci贸n del proyecto----------------*/

	.banner-title {
		text-align: center;
		color: #0c2c1f;
	}

	.map-container {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 80vw;
		margin: 0 10vw 10vw 10vw;
	}

	.project_map {
		min-width: 70vw;
		min-height: 35vw;
		background-color: black;
		background-position: center;
		background-size: cover;
	}

/*=====================================
=            Media Queries            =
=====================================*/
	@media (min-width: 1200px) {
		
	}

	@media (max-width: 1200px) {
		
	}

	@media (max-width: 992px) {
		.clase-image {
			min-height: 55vw;
		}

		.clase-container:hover {
			transform: scale(1.1,1.1);
		}

		.image-placeholder {
			max-width: 45vw;
			max-height: 45vw;
		}
	}

	@media (max-width: 768px) {
		
	}

	@media (max-width: 576px) {
		.image-placeholder {
			max-width: 80vw;
			max-height: 80vw;
		}
	}