@charset "UTF-8";

.home .featured .parallax div {
	position: absolute;
	top: 0;
	left: 0;
	margin-top: -55px;
	-moz-transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.home .featured .parallax div.frame1 {
	z-index: -1;
	background-attachment: scroll;
	background-position: center 1px;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url(https://sesamewritersroom.org/wp-content/uploads/2017/10/header_blue.png);
	width: 100vw;
	height: 53vw;
	min-height: 495px;
}
.home .featured .parallax div.frame2 {
	z-index: -2;
	background-attachment: scroll;
	background-position: center 1px;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url(https://sesamewritersroom.org/wp-content/uploads/2017/10/header_pink.png);
	width: 100vw;
	height: 53vw;
	min-height: 495px;
}

.home .featured .parallax div.frame1-animation {
	-moz-animation: change-opacity 3s linear 0s infinite alternate;
	-webkit-animation: change-opacity 3s linear 0s infinite alternate;
	animation: change-opacity 3s linear 0s infinite alternate;
}

.home .featured .parallax div.frame2-animation {
	-moz-animation: change-opacity 3s linear 0s infinite alternate;
	-webkit-animation: change-opacity 3s linear 0s infinite alternate;
	animation: change-opacity 3s linear 0s infinite alternate;
}

@media (max-width: 768px) {
	.home .featured .parallax div.frame1,
	.home .featured .parallax div.frame2 {
		min-height: 255px;
	}
}
			
@-webkit-keyframes change-opacity {
	from {
		opacity:1;
	}
	to {
		opacity:0;
	}
}
@-moz-keyframes change-opacity {
	from {
		opacity:1;
	}
	to {
		opacity:0;
	}
}
@keyframes change-opacity {
	from {
		opacity:1;
	}
	to {
		opacity:0;
	}
}