@charset "utf-8";










/* LARGE DEVICE------------------------------------------------ */
@media only screen and (min-width : 1200px)
{

/*HEADER START*/
#header01-1k { background: linear-gradient(45deg, #f2cb07 0%, #cf1748 50%, #147ac8 100%);
  	background-size: 200% 200%;
  	animation: gradient-wave 8s ease alternate infinite;
  	overflow: hidden;
	}
@keyframes gradient-wave {
 	0%, 100% { background-position: 0% 50%; }
  	25% { background-position: 100% 50%; }
  	50% { background-position: 100% 100%; }
  	75% { background-position: 0% 100%; }
	}
.headtext { margin-top: 50px; }
.headtextmain { font-size: 60px;
	letter-spacing: 0;
  	padding: .25em 0 .325em;
	display: block;
	margin: 0 auto;
  	text-shadow: 0 0 80px rgba(255,255,255,.5);
	background: url("../images/mbr-1920x1920.webp") repeat-y;
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	-webkit-animation: aitf 15s linear infinite;
	-webkit-transform: translate3d(0,0,0);
	-webkit-backface-visibility: hidden;
	}
@-webkit-keyframes aitf {
	0% { background-position: 0% 50%; }
	100% { background-position: 100% 50%; }
	}
	
.fade-slider { position: relative;
	width: 100%;
    height: 450px;
    margin: 0 auto;
    overflow: hidden;
    border: 5px solid white;
	border-radius: 0px 40px 0px 40px;
	-webkit-box-shadow: 8px 9px 33px -9px rgba(0,0,0,1);
	-moz-box-shadow: 8px 9px 33px -9px rgba(0,0,0,1);
	box-shadow: 8px 9px 33px -9px rgba(0,0,0,1);
	background: linear-gradient(45deg, #f2cb07 0%, #cf1748 50%, #147ac8 100%); /* Prevents white flashing between images */
	}
.fade-slider img { position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ensures images scale cleanly without stretching */
    opacity: 0;
    animation: fiveImageFade 20s infinite ease-in-out;
    }
.fade-slider img:nth-child(1) { animation-delay: 0s; }
.fade-slider img:nth-child(2) { animation-delay: 4s; }
.fade-slider img:nth-child(3) { animation-delay: 8s; }
.fade-slider img:nth-child(4) { animation-delay: 12s; }
.fade-slider img:nth-child(5) { animation-delay: 16s; }
@keyframes fiveImageFade {
	0% { opacity: 0; }
    5% { opacity: 1; /* Fully fades in over 1 second */ }
    20% { opacity: 1; /* Stays fully visible for 3 seconds */ }
    25% { opacity: 0; /* Smoothly fades out over 1 second */ }
    100% { opacity: 0; /* Remains hidden until the loop restarts */ }
	}
/*HEADER END*/

/* BOOKS START */
.bookheadtext h4 { font-size: 3.5em; }
.fx-foil { color: transparent;
    background: linear-gradient(108deg, #7a4a08 0%, #f2c15d 18%, #fff4b8 24%, #b87014 36%, #f6d66d 51%, #8e560b 68%, #fff0a2 76%, #c98218 100% ) 0 0 / 230% 100%;
  	-webkit-background-clip: text;
  	background-clip: text;
  	text-shadow: 0 1px 0 rgba(255, 244, 184, .45), 0 9px 20px rgba(0, 0, 0, .36);
  	animation: fx-foil 5.1s ease-in-out infinite;
	}
@keyframes fx-foil { 0%, 100% { background-position: 115% 0; filter: saturate(1.05); }
  	45%	{ background-position: -35% 0; filter: saturate(1.35) brightness(1.12); }
	}

.imageboxmain {  margin-left: 1rem;
	margin-right: 1rem;
	margin-bottom: 5px; 
	box-shadow: 2px 2px 2px 2px black;}
.booksimagebox img { height: 450px;
	padding: 5px;
	background-color: white;}
.imageheightbox { height: 250px; }
.booksbutton { background-color:  green;
	color: white;
	}
.insideimage img { width: 100%;
	height: 600px; }
/* BOOKS END */
	



	
}





/* MEDIUM DEVICE------------------------------------------------ */
@media only screen and (min-width : 991px) and (max-width : 1199px) 
{

/*HEADER START*/
#header01-1k { background: linear-gradient(45deg, #f2cb07 0%, #cf1748 50%, #147ac8 100%);
  	background-size: 200% 200%;
  	animation: gradient-wave 8s ease alternate infinite;
  	overflow: hidden;
	}
@keyframes gradient-wave {
 	0%, 100% { background-position: 0% 50%; }
  	25% { background-position: 100% 50%; }
  	50% { background-position: 100% 100%; }
  	75% { background-position: 0% 100%; }
	}
.headtext { margin-top: 50px; }
.headtextmain { font-size: 50px;
	letter-spacing: 0;
  	padding: .25em 0 .325em;
	display: block;
	margin: 0 auto;
  	text-shadow: 0 0 80px rgba(255,255,255,.5);
	background: url("../images/mbr-1920x1920.webp") repeat-y;
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	-webkit-animation: aitf 15s linear infinite;
	-webkit-transform: translate3d(0,0,0);
	-webkit-backface-visibility: hidden;
	}
@-webkit-keyframes aitf {
	0% { background-position: 0% 50%; }
	100% { background-position: 100% 50%; }
	}
	
.fade-slider { position: relative;
	width: 100%;
    height: 450px;
    margin: 0 auto;
    overflow: hidden;
    border: 5px solid white;
	border-radius: 0px 40px 0px 40px;
	-webkit-box-shadow: 8px 9px 33px -9px rgba(0,0,0,1);
	-moz-box-shadow: 8px 9px 33px -9px rgba(0,0,0,1);
	box-shadow: 8px 9px 33px -9px rgba(0,0,0,1);
	background: linear-gradient(45deg, #f2cb07 0%, #cf1748 50%, #147ac8 100%); /* Prevents white flashing between images */
	}
.fade-slider img { position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ensures images scale cleanly without stretching */
    opacity: 0;
    animation: fiveImageFade 20s infinite ease-in-out;
    }
.fade-slider img:nth-child(1) { animation-delay: 0s; }
.fade-slider img:nth-child(2) { animation-delay: 4s; }
.fade-slider img:nth-child(3) { animation-delay: 8s; }
.fade-slider img:nth-child(4) { animation-delay: 12s; }
.fade-slider img:nth-child(5) { animation-delay: 16s; }
@keyframes fiveImageFade {
	0% { opacity: 0; }
    5% { opacity: 1; /* Fully fades in over 1 second */ }
    20% { opacity: 1; /* Stays fully visible for 3 seconds */ }
    25% { opacity: 0; /* Smoothly fades out over 1 second */ }
    100% { opacity: 0; /* Remains hidden until the loop restarts */ }
	}
/*HEADER END*/

/* BOOKS START */
.bookheadtext h4 { font-size: 3em; }
.fx-foil { color: transparent;
    background: linear-gradient(108deg, #7a4a08 0%, #f2c15d 18%, #fff4b8 24%, #b87014 36%, #f6d66d 51%, #8e560b 68%, #fff0a2 76%, #c98218 100% ) 0 0 / 230% 100%;
  	-webkit-background-clip: text;
  	background-clip: text;
  	text-shadow: 0 1px 0 rgba(255, 244, 184, .45), 0 9px 20px rgba(0, 0, 0, .36);
  	animation: fx-foil 5.1s ease-in-out infinite;
	}
@keyframes fx-foil { 0%, 100% { background-position: 115% 0; filter: saturate(1.05); }
  	45%	{ background-position: -35% 0; filter: saturate(1.35) brightness(1.12); }
	}

.imageboxmain {  margin-left: 1rem;
	margin-right: 1rem;
	margin-bottom: 5px;
	box-shadow: 2px 2px 2px 2px black;
	}
.booksimagebox img { height: 350px;
	padding: 5px;
	background-color: white;}
.imageheightbox { height: 150px; }
.booksbutton { background-color:  green;
	color: white;
	}
.insideimage img { width: 100%;
	height: 600px; }
/* BOOKS END */


	
}





/* SMALL DEVICE------------------------------------------------ */
@media only screen and (min-width : 768px) and (max-width : 990px) 

{

/*HEADER START*/
#header01-1k { background: linear-gradient(45deg, #f2cb07 0%, #cf1748 50%, #147ac8 100%);
  	background-size: 200% 200%;
  	animation: gradient-wave 8s ease alternate infinite;
  	overflow: hidden;
	}
@keyframes gradient-wave {
 	0%, 100% { background-position: 0% 50%; }
  	25% { background-position: 100% 50%; }
  	50% { background-position: 100% 100%; }
  	75% { background-position: 0% 100%; }
	}
.headtext { margin-top: 50px; }
.headtextmain { font-size: 40px;
	letter-spacing: 0;
  	padding: .25em 0 .325em;
	display: block;
	margin: 0 auto;
  	text-shadow: 0 0 80px rgba(255,255,255,.5);
	background: url("../images/mbr-1920x1920.webp") repeat-y;
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	-webkit-animation: aitf 15s linear infinite;
	-webkit-transform: translate3d(0,0,0);
	-webkit-backface-visibility: hidden;
	}
@-webkit-keyframes aitf {
	0% { background-position: 0% 50%; }
	100% { background-position: 100% 50%; }
	}
	
.fade-slider { position: relative;
	width: 100%;
    height: 450px;
    margin: 0 auto;
    overflow: hidden;
    border: 5px solid white;
	border-radius: 0px 40px 0px 40px;
	-webkit-box-shadow: 8px 9px 33px -9px rgba(0,0,0,1);
	-moz-box-shadow: 8px 9px 33px -9px rgba(0,0,0,1);
	box-shadow: 8px 9px 33px -9px rgba(0,0,0,1);
	background: linear-gradient(45deg, #f2cb07 0%, #cf1748 50%, #147ac8 100%); /* Prevents white flashing between images */
	}
.fade-slider img { position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ensures images scale cleanly without stretching */
    opacity: 0;
    animation: fiveImageFade 20s infinite ease-in-out;
    }
.fade-slider img:nth-child(1) { animation-delay: 0s; }
.fade-slider img:nth-child(2) { animation-delay: 4s; }
.fade-slider img:nth-child(3) { animation-delay: 8s; }
.fade-slider img:nth-child(4) { animation-delay: 12s; }
.fade-slider img:nth-child(5) { animation-delay: 16s; }
@keyframes fiveImageFade {
	0% { opacity: 0; }
    5% { opacity: 1; /* Fully fades in over 1 second */ }
    20% { opacity: 1; /* Stays fully visible for 3 seconds */ }
    25% { opacity: 0; /* Smoothly fades out over 1 second */ }
    100% { opacity: 0; /* Remains hidden until the loop restarts */ }
	}
/*HEADER END*/

/* BOOKS START */
.bookheadtext h4 { font-size: 2.5em; }
.fx-foil { color: transparent;
    background: linear-gradient(108deg, #7a4a08 0%, #f2c15d 18%, #fff4b8 24%, #b87014 36%, #f6d66d 51%, #8e560b 68%, #fff0a2 76%, #c98218 100% ) 0 0 / 230% 100%;
  	-webkit-background-clip: text;
  	background-clip: text;
  	text-shadow: 0 1px 0 rgba(255, 244, 184, .45), 0 9px 20px rgba(0, 0, 0, .36);
  	animation: fx-foil 5.1s ease-in-out infinite;
	}
@keyframes fx-foil { 0%, 100% { background-position: 115% 0; filter: saturate(1.05); }
  	45%	{ background-position: -35% 0; filter: saturate(1.35) brightness(1.12); }
	}

.imageboxmain {  margin-left: 1rem;
	margin-right: 1rem;
	margin-bottom: 5px;
	box-shadow: 2px 2px 2px 2px black;
	}
.booksimagebox img { height: 300px;
	padding: 5px;
	background-color: white;}
.imageheightbox { height: 100px; }
.booksbutton { background-color:  green;
	color: white;
	}
.insideimage img { width: 100%;
	height: 600px; }
/* BOOKS END */

	
}





/* EXTRA SMALL DEVICE------------------------------------------------ */
@media only screen and (max-width : 767px) 
{

/*HEADER START*/
#header01-1k { background: linear-gradient(45deg, #f2cb07 0%, #cf1748 50%, #147ac8 100%);
  	background-size: 200% 200%;
  	animation: gradient-wave 8s ease alternate infinite;
  	overflow: hidden;
	}
@keyframes gradient-wave {
 	0%, 100% { background-position: 0% 50%; }
  	25% { background-position: 100% 50%; }
  	50% { background-position: 100% 100%; }
  	75% { background-position: 0% 100%; }
	}
.headtextmain { font-size: 40px;
	letter-spacing: 0;
  	padding: .25em 0 .325em;
	display: block;
	margin: 0 auto;
  	text-shadow: 0 0 80px rgba(255,255,255,.5);
	background: url("../images/mbr-1920x1920.webp") repeat-y;
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	-webkit-animation: aitf 15s linear infinite;
	-webkit-transform: translate3d(0,0,0);
	-webkit-backface-visibility: hidden;
	}
@-webkit-keyframes aitf {
	0% { background-position: 0% 50%; }
	100% { background-position: 100% 50%; }
	}
	
.imagebox { 	margin-top: -100px; }
.fade-slider { position: relative;
	width: 100%;
    height: 350px;
    margin: 0 auto;
    overflow: hidden;
    border: 5px solid white;
	border-radius: 0px 40px 0px 40px;
	-webkit-box-shadow: 8px 9px 33px -9px rgba(0,0,0,1);
	-moz-box-shadow: 8px 9px 33px -9px rgba(0,0,0,1);
	box-shadow: 8px 9px 33px -9px rgba(0,0,0,1);
	background: linear-gradient(45deg, #f2cb07 0%, #cf1748 50%, #147ac8 100%); /* Prevents white flashing between images */
	}
.fade-slider img { position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ensures images scale cleanly without stretching */
    opacity: 0;
    animation: fiveImageFade 20s infinite ease-in-out;
    }
.fade-slider img:nth-child(1) { animation-delay: 0s; }
.fade-slider img:nth-child(2) { animation-delay: 4s; }
.fade-slider img:nth-child(3) { animation-delay: 8s; }
.fade-slider img:nth-child(4) { animation-delay: 12s; }
.fade-slider img:nth-child(5) { animation-delay: 16s; }
@keyframes fiveImageFade {
	0% { opacity: 0; }
    5% { opacity: 1; /* Fully fades in over 1 second */ }
    20% { opacity: 1; /* Stays fully visible for 3 seconds */ }
    25% { opacity: 0; /* Smoothly fades out over 1 second */ }
    100% { opacity: 0; /* Remains hidden until the loop restarts */ }
	}
/*HEADER END*/

/* BOOKS START */
.bookheadtext h4 { font-size: 2.5em; }
.fx-foil { color: transparent;
    background: linear-gradient(108deg, #7a4a08 0%, #f2c15d 18%, #fff4b8 24%, #b87014 36%, #f6d66d 51%, #8e560b 68%, #fff0a2 76%, #c98218 100% ) 0 0 / 230% 100%;
  	-webkit-background-clip: text;
  	background-clip: text;
  	text-shadow: 0 1px 0 rgba(255, 244, 184, .45), 0 9px 20px rgba(0, 0, 0, .36);
  	animation: fx-foil 5.1s ease-in-out infinite;
	}
@keyframes fx-foil { 0%, 100% { background-position: 115% 0; filter: saturate(1.05); }
  	45%	{ background-position: -35% 0; filter: saturate(1.35) brightness(1.12); }
	}

.imageboxmain { margin-bottom: 5px;
	box-shadow: 2px 2px 2px 2px black;
	}
.booksimagebox img { height: 300px;
	padding: 5px;
	background-color: white;}
.imageheightbox { height: 100px; }
.booksbutton { background-color:  green;
	color: white;
	}
.insideimage img { max-width: 100%;
  height: auto;
  max-height: 80vh; /* Prevents the image from exceeding the mobile viewport height */
  object-fit: contain; /* Keeps the image aspect ratio intact */
	}
/* BOOKS END */
	
	
}

/*EXTRA*/