/* @override 
	http://localhost:8888/jc/_resources/themes/joeandcharlotte/css/drag.css?* */
.img-wrap img {
	width: 100%;
	height: auto;
	background: none !important;
}
.img-wrap img:hover {
	 cursor: url('../images/grab.png') 10 5, default;
}
.img-wrap img:active {
	 cursor: url('../images/grab-down.png') 10 5, default;
}

.img-wrap {
	position: absolute;
	pointer-events: none;
	width: 30%;
	height: auto;
	max-width: 100%;
	min-width: 150px;
}
#img1.img-wrap {
	width: 20%;
	height: auto;
	left: 50%;
	transform: translateX(-100%);
	top: 40%;
}
#img2.img-wrap {
	width: 30%;
	height: auto;
	left: 75%;
	transform: translateX(-100%);
	top: 45%;
}
#img3.img-wrap {
	width: 15%;
	height: auto;
	left: 95%;
	transform: translateX(-100%);
	top: 10%;
}
#img4.img-wrap {
	width: 15%;
	height: auto;
	left: 75%;
	transform: translateX(-100%);
	top: 25%;
}
#img5.img-wrap {
	width: 15%;
	height: auto;
	left: 25%;
	transform: translateX(-100%);
	top: 65%;
}
#img6.img-wrap {
	width: 15%;
	height: auto;
	left: 80%;
	transform: translateX(-100%);
	top: 75%;
}
.img-drag,
.img-trail {
	cursor: grab;
	background-size: contain;
	background-position: 50% 50%;
	position: relative;
	width: 100%;
	height: 100%;
	pointer-events: auto;
	background-repeat: no-repeat;
}

.img-trail {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.8;
}
.AboutPage h1.content__title{
	font-size: 7vw !important;
	mix-blend-mode: multiply;
	text-align: center;
	color: #f2a9ce;
	position: relative;
	z-index: 1;
}
div#title-wrap{
	pointer-events: none;
	margin-top: 130px;
	margin-bottom: 100px;
	position: relative;
	z-index: 23;
		mix-blend-mode: multiply;

}

/*# sourceMappingURL=/demo4.7fb5a017.css.map */