@import url('https://fonts.googleapis.com/css2?family=Shadows+Into+Light&display=swap');

body,
.article {
    background: #f2ebe3;
    max-width: none;
}

.none {
    display: none !important;
}

.SeeMeNot {
    opacity: 0;
}

.SeeMe {
    opacity: 1;
}

.noseeMe {
    opacity: 0 !important;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}

.seeMefade {
    opacity: 1 !important;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}

.seeMefade25 {
    opacity: 1 !important;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}

.seeMefade5 {
    opacity: 1 !important;
    transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -webkit-transition: opacity .5s ease-in-out;
}

.seeMefade1 {
    opacity: 1 !important;
    transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -webkit-transition: opacity 1s ease-in-out;
}

.absolute {
    position: absolute;
}

.hidden {
    display: none;
}

/* hero */
.head-section {
	text-shadow: 0 1px 0 #000;
	padding: 0;
	margin: 0 auto 60px;
	/*	background-color: #111;*/
	background-image: url("https://www.stjude.org/content/dam/en_US/shared/www/inspire/kris-keys/180919_KrisKeys_009.jpg/_jcr_content/renditions/cq5dam.web.1280.1280.jpeg");
	background-size: cover;
	background-position: center;
	position: relative;
	height: 100vh;
	z-index: 5;
}
.head-section::before {
	content: '';
	background: linear-gradient(to top, rgba(0,0,0,.75) 30%, rgba(0,0,0,0) 100%);
	height: 32%;
	bottom: 0;
	display: block;
	position: absolute;
	width: 100%;
}
.section-head {
	font-size: 28px;
	font-weight: 800;
	margin: 60px auto !important;
	max-width: none !important;
}
.first-letter {
	color: #c10f3a;
	float: left;
	font-family: Georgia,Times,"Times New Roman",serif;
	font-size: 80px;
	line-height: 67px;
	padding-top: 0;
	padding-right: 8px;
	padding-left: 0px;
}

.par-2.parsys {height: 100vh;overflow: hidden;}

.par-3 section.long-form-text.section {max-width: 1100px;margin: auto;}

h1.entry-title {
	color: white;
	text-align: center;
	width: 100%;
	text-shadow: 0px 2px 2px rgba(0, 0, 0, .88);
	font-size: 3.5rem;
	font-weight: 800;
}

@media (min-width: 600px) {
    
}

@media (max-width: 600px) {
    
}