.main-projects-img{
	width: 100%;
	height: 50vh;
	background-image: url("../images/projects/background.jpg");
	background-size: cover;
	background-position: center;
}

.breadcrumb-container{
	background-color: #fff; 
	z-index: 250; 
	position: relative; 
	outline: rgba(211, 211, 211, 0.32) solid 1px;
}

.breadcrumb-container .breadcrumb{
	background-color: transparent; 
	margin-bottom: 0;
	padding: 1rem 0;
}

.breadcrumb li a{
	color: #071436;
	transition: all 0.3s ease;
}

.breadcrumb li a:hover{
	color: #a644cf;
	text-decoration: none;
}

.breadcrumb .active{
	color: #a644cf !important;
}

.project-single h1{
	padding-bottom: 1rem;
}

.project-single h2{
	padding-bottom: 2rem;
}
.project-single img{
	border: 1px solid lightgray
}
.container-content img{
	width: 80%;
	height:70%;
	object-fit: cover;
}
.explore-project{
	display: inline-block;
	margin-top: 2rem;
	background-color: #071437;
	border: 1px solid #071437;
	color: #fff;
	text-decoration: none;
	transition: all 0.3s ease;
}

.explore-project:hover{
	text-decoration: none;
	border: 1px solid #a644cf;
	background-color: #a644cf;
	color: #fff;
}

.share-div{
	margin-top: 2rem;
	display: inline-block;
	text-align: center;
}

.share-div span{
	color: #667a91;
	font-weight: 700;
	font-size: 1.2rem;
}

.wrapper-share{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	padding-top: 0.2rem;
}

.wrapper-share div a{
	color: #071437;
	margin: 0 0.5rem;
	font-size: 1.7rem;
	cursor: pointer;
	transition: all 0.3s ease;
}

.wrapper-share div a:hover{
	text-decoration: none;
	color: #a644cf;
}

.wrapper-share div a i{
	color: #071437;
	transition: all 0.3s ease;
}

.wrapper-share div a i:hover{
	color: #a644cf;	
}

@media all and (min-width: 100px){
	.project-single{
    	padding: 3.5rem 0;
    }
    .project-single h1{
		font-size: 1.7rem;
	}
	.project-single h2{
		font-size: 1rem;
	}
	.explore-project{
		padding: 0.5rem 1.5rem;
		font-size: 0.9rem;
	}
}

@media all and (min-width: 576px){
	.project-single{
    	padding: 4rem 0;
	}
	.project-single h1{
		font-size: 1.8rem;
	}
	.project-single h2{
		font-size: 1.1rem;
	}
	.explore-project{
		padding: 0.5rem 1.5rem;
		font-size: 0.9rem;
	}
}

@media all and (min-width: 768px){
	.project-single{
    	padding: 4.5rem 0;
	}
	.project-single h1{
		font-size: 2rem;
	}
	.project-single h2{
		font-size: 1.3rem;
	}
	.explore-project{
		padding: 0.6rem 2rem;
		font-size: 1rem;
	}
}

@media all and (min-width: 992px){
	.project-single{
    	padding: 4.5rem 0;
	}
	.project-single h1{
		font-size: 2rem;
	}
	.project-single h2{
		font-size: 1.3rem;
	}
	.explore-project{
		padding: 0.6rem 2.5rem;
		font-size: 1rem;
	}
}

@media all and (min-width: 1200px){
	.project-single{
    	padding: 5rem 0;
    }
    .project-single h1{
		font-size: 2.1rem;
	}
	.project-single h2{
		font-size: 1.3rem;
	}
	.explore-project{
		padding: 0.7rem 3rem;
		font-size: 1.1rem;
	}
}

@media all and (min-width: 1440px){
	.project-single{
    	padding: 5.5rem 4rem;
	}
	.project-single h1{
		font-size: 2.3rem;
	}
	.project-single h2{
		font-size: 1.5rem;
	}
	.explore-project{
		padding: 0.7rem 3rem;
		font-size: 1.1rem;
	}
}

@media all and (min-width: 1920px){
	.project-single{
    	padding: 6rem 0;
	}
	.project-single h1{
		font-size: 2.5rem;
	}
	.project-single h2{
		font-size: 1.7rem;
	}
	.explore-project{
		padding: 0.7rem 3rem;
		font-size: 1.1rem;
	}
}