/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Nov 01 2022 | 16:49:32 */
#experiences-section{
	padding:75px 50px;
	height:100vh;
	overflow-x: clip;
	position:relative;
	z-index: 200;
}
	#experiences-section .spark-holder {
		position: absolute;
		top: -225px;
		right: 7%;
		width:450px;
	}
	@media screen and (max-width:1250px){
		#experiences-section .spark-holder {
			width:300px;
			top: -150px;
		}
	}
	@media screen and (max-width:700px){
		#experiences-section .spark-holder {
			width:200px;
			top: -100px;
		}
	}
		#experiences-section .spark-holder svg {
			height:100%;
			width: 100%;
		}
	#experiences-section h2{
		font-size:8vw;
		margin: 0;
		line-height: 0.9;
	}
	#experiences-section h2.uppercase.text-white {
		position: relative;
		z-index: 800;
	}
	@media screen and (min-width: 701px){
		#experiences-section p {
			width: 30%;
		}
	}
	#work-holder{
		z-index:700;
		position: relative;
	}
	#experiences-section a.text-white:hover{
		color:black;
	}
.featured-image-holder {
    position: relative;
}
	.work-title {
		position: absolute;
	}

#work-holder {
    margin: 0 -50px;
	padding: 0;
    list-style: none;
	height: 100%;
	width: 66%;
    margin-left: auto !important;
}
	.our-work-post {
		height: 800px;
		margin-bottom: 30vh;
	}

.our-work-post:last-child {
		margin-bottom:0;
	padding-bottom:5vh;
	}
	.our-work-post .featured-image-holder {
		width: 100%;
		height: 100%;
		background-size: cover !important;
		background-repeat: no-repeat !important;
	}
	

@media screen and (max-width:768px){
	#experiences-section{
		padding:75px 20px;
	}
	#work-holder {
		margin: 0 0;
		width: calc( 100% - 90px);
	}
	
	.our-work-post {
		height: 350px;
	}
	
	#work-holder h4 {
		margin:0;
	}

}

#work-holder .project-heading {
    margin-top: auto;
    background-color: rgba(0,0,0,0.5);
    padding: 25px;
    color: white;
    position: absolute;
    bottom: 0;
    width: 100%;
    font-size: 1.25rem;
	display:none;
}
@media screen and (max-width:1025px){
	#work-holder .project-heading {
		display: block;
	}
}
	#work-holder .project-heading h2 {
		margin: 0;
		line-height: 1;
	}

