.overlapText{
	width: 100%;
	background-image: linear-gradient(to bottom right, rgb(209,209,209), rgb(8, 20, 20));
	height: 800px;
	padding-top: 50px;
}
.overlapText .d1 img{
	object-fit: cover;
	width: 100%;
	height: 450px;
}
.overlapText .d1{
	background-color: #d1d1d1;
	width: 960px;
	height: 450px;
	float: left;
	margin-top: 50px;
	margin-left: 350px;
	overflow: hidden;
	box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.49);
	-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.49);
	-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.49);
}
.overlapText .d2{
	box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.49);
	-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.49);
	-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.49);
	background-color: rgb(241, 241, 241, 0.9);
	width: 960px;
	height: 450px;
	float: right;
	margin-top: -300px;
	margin-right: 350px;	
	padding: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.overlapText .d2 p{
	padding-top: 30px;
}

@media (max-width: 1800px){
	.overlapText .d1{
		margin-left: 30vh;
	}
	.overlapText .d2{
		margin-right: 30vh;	
	}
}
@media (max-width: 1700px){
	.overlapText .d1{
		margin-left: 25vh;
	}
	.overlapText .d2{
		margin-right: 25vh;	
	}
}
@media (max-width: 1600px){
	.overlapText .d1{
		margin-left: 20vh;
	}
	.overlapText .d2{
		margin-right: 20vh;	
	}
}
@media (max-width: 1500px){
	.overlapText .d1{
		margin-left: 15vh;
	}
	.overlapText .d2{
		margin-right: 15vh;	
	}
}
@media (max-width: 1400px){
	.overlapText .d1{
		margin-left: 10vh;
	}
	.overlapText .d2{
		margin-right: 10vh;	
	}
}
@media (max-width: 1300px){
	.overlapText .d1{
		width: 65%;
	}
	.overlapText .d2{
		width: 65%;
	}
}
@media (max-width: 900px){
	.overlapText .d1{
		width: 100%;
		margin-left: 0;
	}
	.overlapText .d2{
		width: 65%;
	}
	.overlapText{
		padding: 50px 0;
	}
}