* {
  	box-sizing: border-box;
	}

html {
	background-color: #000 !important;
	}

html,
body {
  	width: 100vw;
  	height: 100vh;
	margin: 0 !important; 
	padding: 0 !important;
	background-color: ;
  	overflow-x: hidden;
  	color: #fff;
  	font-family: "Helvetica Neue", sans-serif;
  	font-size: 10px;
	}


/**TO POINT OUT A MISTAKE**/
#attention-marker {
	color: #2596be;
	font-weight: bold;
	text-decoration: underline;
	border-bottom: 2px solid #FF0000; 
	}
/**END OF TO POINT OUT A MISTAKE**/





.photo {
	left: 0; 
	margin: 0; 
	margin-top: 0 !important;
	padding: 0; 
	}

7878.photo {
  	position: fixed;
  	width: 100vw; width: 100%;
  	height: 100vh; height: 100%;
  	/** 7878background: url(3.png) no-repeat center center; **/
  	7878background-size: cover;
	background-size: contain;
	background-repeat: no-repeat;
	}

7878.photo-blur {
  	position: fixed;
  	z-index: 1;
  	width: 100vw; width: 100%;
  	height: 100vh; height: 100%;
  	/** 7878background: url(3.png) no-repeat center center; **/
  	7878background-size: cover;
	background-size: contain;
	background-repeat: no-repeat;
  	opacity: 0;
	}

7878.photo-blur::before {
  	content: "";
  	position: absolute;
  	width: 100vw; width: 100%;
  	height: 100vh; height: 100%;
  	background: rgba(0, 0, 0, 0.3);
	}

section {
  	position: absolute;
  	z-index: 2;
  	top: 0; 
  	7878margin-top: 80vh; margin-top: 100VH !IMPORTANT;
  	width: 100%;

  	/** OPTION # 1 FOR CLEAR BACKGROUND **/ 
  		/**
	   	background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.7) 100%); 
		**/
  	/** END OF OPTION # 1 FOR CLEAR BACKGROUND **/

  	/** OPTION # 2 FOR DARK BACKGROUND **/
  		background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 30%, rgba(0, 0, 0, 1.1) 50%, rgba(0, 0, 0, 1.3) 100%);   

  	/** END OF OPTION # 2 FOR DARK BACKGROUND **/
	}

section article {
  	max-width: 500px; max-width: 700px;
  	margin: 80px auto 40px;
  	font-size: 1.5rem;
  	font-weight: 100;
  	letter-spacing: 0.09em;
  	line-height: 1.6em;
  	text-shadow: 0 1px 10px #000;  
	box-sizing: border-box;  
	clear: both;
	}


/** ______________________________________________________ **/





#THE-ARRANGEMENT-media {
	width: 100%; 
	height: 80vh; 
	margin-top: 9vh; 
	float: none !important; 
	box-sizing: border-box; 
	clear: both;
	}



#THE-ARRANGEMENT-text {
	WIDTH: 100%; 
	HEIGHT: 100%; 
	overflow-y: auto;
	padding-top: 0px !important;
	}

.Key-Bible-Verse {
	margin-top: 0px; 
	}

#THE-ARRANGEMENT-category {
	margin-top: 0px;
	}

#THE-ARRANGEMENT-le-tampon {
	height: 100%; 
	padding: 0px !important; 
	border: 0px !important
	}

#RELATED-CONTENT-iFrame-receiver {
	width: 100%;  
	height: 100%;
	}

#RELATED-CONTENT-tampon {
	height: 100%; 
	padding: 0px !important; 
	border: 0px !important
	}






.title-of-content {
	font-size: 22px; 
	font-weight: bold; 
	margin-top: 0px;
	}

.author-name {
	margin-top: 0px !important;
	}

.synopsis-content {
	margin-top: 44px
	}