body {margin:0; padding:0;}		
		 
		 /* Container for background layers */
		.bg-container {
			position:fixed;
			top: 0;
			left: 0;
			margin: 0;
			width: 100%;
			height: 100%;
		}
		
    /* Two layers for cross-fading */
    .bg-layer {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-size: cover;
				background-repeat:no-repeat;
        background-position: center;
        opacity: 0;
        transition: opacity 1s ease-in-out;
    }
		
		.bg-layer.visible {
        opacity: 0.75; /* originally 1.0 */
    }

		/* Hidden state for fade-out */
    .fade-out {
        opacity: 0;
    }
		
		/* Screen layer */
		.screen {
			position:relative;
			top:0;
			left:0;
			background-color:#ffffff40;
			width:100%;
			height:100%;
		}
			
		.box {
			position:absolute;
			left:0;	top:0;
			height:100%;
			width:100%;
			margin:0 auto;
  );
			
		}
		.story {
			position:relative;
			padding:0 10% 2%;		
		}
		
		h1 {
			font-size:2.4em;
			text-align:center; 
			color:#fa0; /* gold */
			margin:0;
			font-family:Courgette;
			text-shadow:0.05em 0 black,0 0.05em black,-0.05em 0 black,0 -0.05em black; 
		}
		p {
			font-size:1.2em;
			font-family:Arial;
			text-align:justify; 
			margin:0 1em 1em; 
			/* color:#ffff88; bright yellow */
			/*color:#ddbb00;  orange */
			color:#006600;
			line-height:1.3em; 
			text-indent:1.5em; 
			/*text-shadow:0.05em 0 #422,0 0.05em #422,-0.05em 0 #422,0 -0.05em #422; */
			text-shadow:0.01em 0 #040,0 0.01em #040,-0.01em 0 #040,0 -0.01em #040; 
		}
		a, a:visited {
			color:#006600; 
			text-shadow:0.01em 0 #040,0 0.01em #040,-0.01em 0 #040,0 -0.01em #040; 
		}

		.titles {
			position:relative;
			margin:5%; margin-bottom:0;	
			padding:4% 2% 3%;			
			display:flex;
			flex-direction:row;
			flex-wrap:nowrap;
			justify-content:space-around;
			align-items:center;			
		}
		img {height:100px;}
		a img {height:96px;}
		
		.icons {display:none;}
		
		@media screen and (max-width:800px) {			
			.story {padding:0 7.5%;}
			.titles img, .titles a {display:none;}
			.icons {
				position:relative;
				width:100%;
				display:flex;
				flex-direction:row;
				flex-wrap:nowrap;
				justify-content:space-evenly;
				align-items:center;	
				padding:0 0 2.5em;
			}
		img {height:80px;}
		a img {height:72px;}
		}