/* -------------- for RLR -------------- */

html,
body {
  height: 100%;
  min-height: 100%;
  background-color: "FFFFFF"; 
}
.rlr_home{
  background-color: "FFFFFF"; 
  background: url('../images/IMG_7899.JPG') no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.rlr_more{
  background-color: "FFFFFF"; 
  background: url('../images/P1050773.JPG') no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.rlr_book{
  background-color: "FFFFFF"; 
  background: url('../images/IMG_9732.JPG') no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.rlr_about{
  background-color: "FFFFFF"; 
  background: url('../images/P1010182.JPG') no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.rlr_lost{
  background-color: "FFFFFF"; 
  background: url('../images/me15.JPG') no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


  
h1 {
	color:		red;
	font-size: 64px;
	font-weight:bold;
	font-style:italic;
	font-family:Verdana, Geneva, sans-serif;
	padding-left:10px;
	padding-right:10px;
}
p { /* used for terms and conditions */
	color:		black;
	font-size: 18px;
	font-family:Verdana, Geneva, sans-serif;
	padding-left:10px;
	padding-right:10px;
}





.floating_links_home_page {
	margin-left: 120px;
	position: relative;
	bottom: -330px;
}
.floating_links_more_page {
	position : relative;
	bottom   : -130px;
	margin-left: 120px;
}
.floating_links_more2_page {
	position : relative;
	bottom   : -130px;
	margin-left: 120px;
}
.floating_links_book_page {
	position : relative;
	bottom   : -130px;
	margin-left: 45%;
}

.floating_links_about_page {
	position : relative;
	margin-left: 10%;
	margin-right: 10%;
	bottom: -130px;	
	max-width:640px;
}
.floating_links_lost_page {
	position : relative;
	margin-left: 10%;
	zmargin-left: 10%;
	zmargin-right: 10%;
	zzbottom: -130px;	
	bottom: -240px;	
	max-width:640px;

}

.rlr_button { 
font-size: 24pt;
}
.rlr_more_button { 
font-size: 14pt;
max-width: fit-content;
}
.rlr_about_button { 
font-size: 14pt;
}
.rlr_lost_button { 
font-size: 14pt;
}

.rlr_button_border{
border-color: azure;
border-block-style: ridge;
border-inline-style: ridge;
background-color: white;
padding: 2pt;
opacity: 85%;
width: fit-content;
}
.rlr_book_button_border{
border-color: azure;
border-block-style: ridge;
border-inline-style: ridge;
background-color: white;
padding: 2pt;
opacity: 85%;
ZZZwidth: fit-content; /* !!! */
}
.rlr_more_border{
border-color: azure;
border-block-style: ridge;
border-inline-style: ridge;
background-color: white;
padding: 2pt;
opacity: 85%;
ZZZwidth: fit-content;
}
.rlr_about_border{
border-color: azure;
border-block-style: ridge;
border-inline-style: ridge;
background-color: white;
padding: 2pt;
zzzpadding: 4pt;
opacity: 85%;
}

.rlr_about_home_border{
border-color: azure;
border-block-style: ridge;
border-inline-style: ridge;
background-color: white;
padding: 2pt;
ZZZpadding: 10pt;
opacity: 85%;
width: fit-content;
}
.rlr_download_border {
border-color: azure;
border-block-style: ridge;
border-inline-style: ridge;
background-color: white;
padding: 2pt;
ZZZopacity: 85%;
width: fit-content;
}
.rlr_form_border{
border-color: azure;
border-block-style: ridge;
border-inline-style: ridge;
background-color: white;
padding: 2pt;
Zopacity: 85%;
}
.rlr_lost_button_border{
border-color: azure;
border-block-style: ridge;
border-inline-style: ridge;
background-color: white;
padding: 2pt;
opacity: 85%;
ZZZwidth: fit-content; /* !!! */
}

.rlr_justify{text-align:justify;}
.rlr_terms_p{
		max-width:640px;}

.rlr_email_form {
width: fit-content;
background-color: #F1F1F1; /*grey; */
padding: 4px;
	}
.rlr_td {
	padding: 2px;
	padding-left: 4px;
	}	

.rlr_checkbox {
	zfont-size:44px
 zpadding-left: 26px;
  zmargin-bottom: 18px;	
  height: 20px;
width: 20px;
	}


/* ----------------------------------------------------------------------- */

/* widths 

@media all and (max-width: 1500px) {h1 {color:	black;}	}
@media all and (max-width: 1300px) {h1 {color:	orange;}}
@media all and (min-width: 1070px) {h1 {color:	grey;}}
@media all and (max-width: 992px)  {h1 {color:	red;}}
@media all and (max-width: 840px)  {h1 {color:	aqua;}}
@media all and (max-width: 820px)  {h1 {color:	black;}}
@media all and (max-width: 810px)  {h1 {color:	orange;}}
@media all and (max-width: 800px)  {h1 {color:	pink;}}
@media all and (max-width: 780px)  {h1 {color:	blue;}}
@media all and (max-width: 762px)  {h1 {color:	white;}}
@media all and (max-width: 720px)  {h1 {color:	green;}}
@media all and (max-width: 690px)  {h1 {color:	pink;}}
@media all and (max-width: 620px)  {h1 {color:	blue;}}
@media all and (max-width: 580px)  {h1 {color:	white;}}
@media all and (max-width: 500px)  {h1 {color:	green;}}
@media all and (max-width: 480px)  {h1 {color:	orange;}}
/* widths */

@media all and (max-width: 1300px) {
	.floating_links_book_page {margin-left:35%;}
	}
@media all and (max-width: 990px) {
	.h1-more {font-size:48px}
	}
@media all and (max-width: 810px) {
	h1 {font-size:54px}
	}
@media all and (max-width: 810px) {
	.h1-more {font-size:44px}
	.floating_links_book_page {margin-left:30%;}
	.zzzfloating_links_lost_page {	margin-left: 30%;}
}
@media all and (max-width: 720px) {
		.floating_links_lost_page {	margin-left: 0%;}
}
@media all and (max-width: 690px) {
	h1 {font-size:48px;}
	.floating_links_book_page {margin-left:25%;}
	.floating_links_about_page {
		margin-left: 5%;
		margin-right: 5%;
	}	
	.h1-more {font-size:40px}
}

@media all and (max-width: 620px) {h1 {font-size:40px;}
.h1-more {font-size:32px}
}
@media all and (max-width: 520px) {h1 {font-size:36px;}
.floating_links_home_page {	margin-left: 20px;}
.floating_links_more_page {	margin-left: 75px;}
.floating_links_more2_page {margin-left: 75px;}
}
@media all and (max-width: 520px) {.h1-more {font-size:28px}}
@media all and (max-width: 480px) {h1 {font-size:32px;}
.h1-more {font-size:26px}
.floating_links_book_page {margin-left:20%;}
.floating_links_more_page {	margin-left: 60px;}
.floating_links_more2_page {margin-left: 60px;}
}

/* heights 
@media all and (max-height: 1000px) {h1 {color: black;}}
@media all and (max-height: 920px) {h1 {color:	red;}}
@media all and (max-height: 830px) {h1 {color:	white;}}			
@media all and (max-height: 780px) {h1 {color:	green;}}			
@media all and (max-height: 740px) {h1 {color:	yellow;}}
@media all and (max-height: 660px) {h1 {color:	blue;}}
@media all and (max-height: 620px) {h1 {color:	pink;}}
@media all and (max-height: 580px) {h1 {color:	red;}}
@media all and (max-height: 530px) {h1 {color:	brown;}}
@media all and (max-height: 480px) {h1 {color:	white;}}
@media all and (max-height: 400px) {h1 {color:	black;}}
@media all and (max-height: 350px) {h1 {color:	aqua;}}
/* heights */


@media all and (max-height: 1000px) {
			.floating_links_home_page {bottom: -540px;}
			.floating_links_about_page {bottom: -340px;}
			.floating_links_book_page {bottom: -320px;}
			.floating_links_more_page {bottom: -240px;}
			.floating_links_more2_page {bottom: -160px;}}
@media all and (max-height: 920px) {
			.floating_links_home_page {bottom: -440px;}
			.floating_links_about_page {bottom: -330px;}
			.floating_links_book_page {bottom: -300px;}
			.floating_links_more_page {bottom: -220px;}
			.floating_links_more2_page {bottom: -140px;}}
@media all and (max-height: 830px) {
			.floating_links_home_page {bottom: -380px;}
			.floating_links_about_page {bottom: -280px;}
			.floating_links_book_page {bottom: -290px;}
			.floating_links_more_page {bottom: -160px;}
			.floating_links_more2_page {bottom: -80px;}}			
@media all and (max-height: 780px) {
			.floating_links_home_page {bottom: -330px;}
			.floating_links_about_page {bottom: -200px;}
			.floating_links_book_page {bottom: -280px;}
			.floating_links_more_page {bottom: -120px;}
			.floating_links_more2_page {bottom: -40px;}}			
@media all and (max-height: 740px) {
			.floating_links_home_page {bottom: -280px;}
			.floating_links_about_page {bottom: -200px;}
			.floating_links_book_page {bottom: -260px;}
			.floating_links_lost_page {bottom: -140px;}
			.floating_links_more_page {bottom: -50px;}}
@media all and (max-height: 660px) {
			.floating_links_home_page {bottom: -240px;}
			.floating_links_about_page {bottom: -200px;}
			.floating_links_book_page {bottom: -230px;}}
@media all and (max-height: 620px) {
			.floating_links_home_page {bottom: -200px;}
			.floating_links_about_page {bottom: -200px;}
			.floating_links_book_page {bottom: -210px;}}
@media all and (max-height: 580px) {
			.floating_links_home_page {bottom: -160px;}
			.floating_links_about_page {bottom: -100px;}
			.floating_links_lost_page {bottom: -60px;}
			.floating_links_book_page {bottom: -180px;}}
@media all and (max-height: 530px) {
			.floating_links_home_page {bottom: -100px;}
			.floating_links_book_page {bottom: -170px;}}
@media all and (max-height: 480px) {
			.floating_links_home_page {bottom: -90px;}
			.floating_links_about_page {bottom: -100px;}
			.floating_links_book_page {bottom: -120px;}
			.floating_links_more_page {bottom: -20px;}}
@media all and (max-height: 400px) {
			.floating_links_home_page {bottom: -70px;}
			.floating_links_about_page {bottom: -100px;}
			.floating_links_book_page {bottom: -70px;}
			.floating_links_more_page {bottom: -40px;}}
@media all and (max-height: 350px) {
			.floating_links_home_page {bottom: -70px;}
			.floating_links_about_page {bottom: -10px;}
			.floating_links_book_page {bottom: -40px;}
			.floating_links_more_page {bottom: -20px;}}




.Err_Msg {	font-weight:bold; 
			color:#F00;
			text-align:center;}



.test_color_white  {background-color:white;	}
.test_color_blue  {background-color:blue;	}
.test_color_orange  {background-color:orange;}
.test_color_pink  {background-color:#F6F	}/* pink :#F6C */
.test_color_yellow  {background-color:yellow;}
.test_color_black  {background-color:black;	}
.test_color_red  {background-color:red;	}
.test_color_lime  {background-color:#6F0;	}/* lime */
.test_color_brown  {background-color:brown;	}
.test_color_teal {background-color:#6CF;	}/* teally-blue */



.rlr_block {
  /* display: inline-block; */
  width: 20px;
  height: 20px;
  padding: 5px;
  border: 1px solid blue;    
  background-color: yellow;
  text-align: center;
}
#rlrNO_BOOK {visibility:hidden;}

#rlrYES_BOOK {visibility:hidden;
background-color:pink;}