.slider{
	width: 600px;
	height: auto;
	padding: 0;
	position: relative;
	margin: auto!important;
	box-shadow: 4px 4px 10px rgba(31, 31, 31, 0.40);
	border: solid 1px #1f1f1f;
	overflow: hidden;
}

.slider .right.image{
	position: absolute;
	z-index: 1;
	top: 0px;
	left: 0px;
	overflow: hidden;
	object-fit: scale-down;
}

.slider .left.image{
	position: relative;
	z-index: 2;
	border-right: 3px solid #E9CA8F;
	margin-right: -5px;
	overflow: hidden;
	object-fit: scale-down;
}

.slider .instruction{
	position: absolute;
	top: 50%;
	z-index:1000;
	margin: auto;
	padding: 0px;
	display: flex;
	justify-content: center;
	align-items: center;;
}

.slider .instruction p{
	background: #284B63;
	display: inline;
	padding: 16px;
	font-size: 1em;
	border-radius: 8px;
	color: #ebebeb;
	font-family: "Open Sans", sans-serif;
	font-weight: 600;
}

@media only screen and (max-width: 768px) {
	.slider {
		width: 60vw;
	}

	.slider .instruction p{
		background: #284B63;
		display: inline;
		padding: 16px;
		font-size: .6em;
		border-radius: 8px;
		color: #ebebeb;
		font-family: "Open Sans", sans-serif;
		font-weight: 600;
	}

	.slider .instruction{
		position: absolute;
		top: 35%;
		z-index:1000;
		margin: auto;
		padding: 0px;
		display: flex;
		justify-content: center;
		align-items: center;;
	}
}