.Pencil {
	position: fixed;
    z-index: 99997;
    top: calc(50% + 7.5em);
    left: calc(50%/*  + 2em */);
    transform: translate(-50%,-50%);
    max-width: 15em;
}

#Scene05 img {
	opacity: 0;
}

#Scene05, #SceneContent {
	background-color:#cb0547;background-image:  
	radial-gradient(at 88% 16%, hsla(335,97%,41%,1) 0, hsla(335,97%,41%,0) 28%),  
	radial-gradient(at 93% 83%, hsla(337,84%,66%,1) 0, hsla(337,84%,66%,0) 57%);
}

#Scene05 *, #Scene05 .headline, #Scene05 a, #Scene05 a:hover, #Scene05 a:focus, #Scene05 a:active {
	color: #f3f749;
}

#Scene05 .Title {
	position: relative;
	transform: translate(0,-120%);
	margin-top: 5em;
    width: 30vW;
}

#Scene05 .FirstPara {
	margin-bottom: 12em;
}

#Scene05 .Pencils {
	position: absolute;
	width: 45vW;
    max-width: 43em;
    left: -7vW;
    transform-origin: center center;
}

#Scene05 .Eyedropper {
	position: absolute;
	width: 0vW;
    right: 1vW;
    margin-top: -4em;
}

#Scene05 .Palette {
	position: relative;
	float: right;
	right: -80vW;
    width: 35vW;
    max-width: 40em;
    transform: rotate(90deg);
    transform-origin: center center;
}

#Scene05 .Fill {
	position: absolute;
	top: 50%;
	left: 0;
	width: 30vW;
	transform: translate(-100%,0);
}


#SceneContent {
	min-height: 50vH;
	padding: 4em 0;	
}
#SceneContent *, #SceneContent a, #SceneContent a:hover, #SceneContent a:focus, #SceneContent a:active, #Scene03 a, #Scene03 a:hover, #Scene03 a:focus, #Scene03 a:active {
	color: #ffff4a;
}

#SceneContent h2 {
    font-size: 2.5em;
    margin-top: 1.5em;
}
#SceneContent h3 {
    font-size: 1.5em;
    margin-top: 1.5em;
}




@media (max-width: 767px){
	
	.Pencil {
	    top: calc(100% - 3em);
    }
    
    #Scene03 .text-right {
		text-align: left;
	}
	
	#Scene05 {
		margin-bottom: -12em;
	}
	
	#Scene05 .Pencils {
		width: 90vW;
	}
	
	#Scene05 .Title {
		width: 70vW;
	}
	
	#Scene05 .Fill, #Scene05 .Palette {
		display: none;
	}
	
}