h1 {
font-size:95px;	
    }
#more {display: none;}
 
.container_briut_1 {
 position: relative;
 width: 100%;
  height: 510px;
 z-index:-1;
                   }	
.overlay_briut_1 {
    position:absolute;
    top:10%;
    left:5%;
	right:5%;
	color:black;
	font-size:35px;
    z-index:1;
                  }
.container_briut_2 {
 position: relative;
 width: 100%;
  height: 1300px;
 z-index:-1;
                   }	
.container_briut_3 {
 position: relative;
 width: 100%;
  height: 750px;
  color:black;
	font-size:35px;
  text-align: left;
 z-index:1;
                    }	
.container_briut_4 {
 position: relative;
 width: 100%;
 height: 880px;
 color:black;
 font-size:35px;
  text-align: right;
 z-index:1;
                   }	
.overlay_briut_4 {
    position:absolute;
    top:10%;
    left:60%;
	right:5%;
	color:black;
	font-size:35px;
    z-index:1;
                  }
/* 5 for lev */
.container_briut_5 {
 position: relative;
 width: 100%;
  height: 550px;
  font-size:35px;
  text-align: left;
  z-index:1;
                   }	
.overlay_briut_5 {
    position:absolute;
    top:10%;
    left:60%;
	right:5%;
	color:black;
	font-size:35px;
    z-index:1;
                  }
.container_briut_6 {
 position: relative;
 width: 100%;
  height: 1000px;
  color:black;
 font-size:35px;
  text-align: right;
  z-index:1;
                   }	
.overlay_briut_6 {
    position:absolute;
    top:10%;
    left:60%;
	right:5%;
	color:black;
	font-size:35px;
    z-index:1;
                  }
.container_briut_7 {
 position: relative;
 width: 100%;
  height: 1000px;
 z-index:-1;
                   }	
.overlay_briut_7 {
    position:absolute;
    top:10%;
    left:5%;
	right:60%;
	color:black;
	font-size:35px;
    z-index:1;
                  }
/* 8 for elderly */
.container_briut_8 {
 position: relative;
 width: 100%;
  height: 800px;
   color:black;
 font-size:35px;
  text-align: right;
 z-index:1;
                   }	
.overlay_briut_8 {
    position:absolute;
    top:10%;
    left:60%;
	right:5%;
	color:black;
	font-size:35px;
    z-index:1;
                  }
.container_briut_9 {
 position: relative;
 width: 100%;
  height: 650px;
  color:black;
 font-size:35px;
  text-align: left; 
  z-index:1;
                   }	
.overlay_briut_9 {
    position:absolute;
    top:10%;
    left:5%;
	right:60%;
	color:black;
	font-size:35px;
    z-index:1;
                  }
/* 10 for lesson about coffee */
.container_briut_10 {
 position: relative;
 width: 100%;
  height: 1300px;
 z-index:-1;
                   }	
.overlay_briut_10 {
    position:absolute;
    top:10%;
    left:5%;
	right:75%;
	color:black;
	font-size:35px;
    z-index:1;
                  }
.container_briut_11 {
 position: relative;
 width: 100%;
  height: 1100px;
   color:black;
 font-size:35px;
  text-align: left; 
 z-index:1;
                   }	
.overlay_briut_11 {
    position:absolute;
    top:10%;
    left:5%;
	right:60%;
	color:black;
	font-size:35px;
    z-index:1;
                  }
/* 12 for chlorogenic acid */
.container_briut_12 {
 position: relative;
 width: 100%;
  height: 1200px;
   color:black;
 font-size:35px;
  text-align: right; 
 z-index:1;
                   }	
.overlay_briut_12 {
    position:absolute;
    top:10%;
    left:60%;
	right:5%;
	color:black;
	font-size:35px;
    z-index:1;
                  }
.container_briut_13 {
 position: relative;
 width: 100%;
  height: 990px;
   color:black;
 font-size:35px;
  text-align: left; 
 z-index:1;
                   }	
.overlay_briut_13 {
    position:absolute;
    top:10%;
    left:5%;
	right:60%;
	color:black;
	font-size:35px;
    z-index:1;
                  }
/* 14 for cellcycle */
.container_briut_14 {
 position: relative;
 width: 100%;
  height: 450px;
  color:black;
	font-size:35px;
  text-align: center; 
 z-index:1;
                   }	
.container_briut_15 {
 position: relative;
 width: 100%;
   height: 350px;
  color:black;
	font-size:35px;
  text-align: right; 
 z-index:1;
                   }	
.container_briut_16 {
 position: relative;
 width: 100%;
 bottom:300px;
  color:black;
	font-size:35px;
  text-align: right; 
 z-index:1;
                   }	
/* 17 for kahweol */
.container_briut_17 {
 position: relative;
 width: 100%;
  height: 1100px;
   color:black;
 font-size:35px;
  text-align: right; 
 z-index:1;
                   }	
/* 18 for cigarette */
.container_briut_18 {
 position: relative;
 width: 100%;
  height: 1100px;
   color:black;
 font-size:35px;
  text-align: left; 
 z-index:1;
                   }	
/* 19 for longevity */
.container_briut_19 {
 position: relative;
 width: 100%;
  height: 900px;
   color:black;
 font-size:35px;
  text-align: right; 
 z-index:1;
                   }	
/* 20 for caffeic acid */
.container_briut_20 {
 position: relative;
 width: 100%;
  height: 950px;
   color:black;
 font-size:35px;
  text-align: left; 
 z-index:1;
                   }	
/* 21 for arabinogalactan */
.container_briut_21 {
 position: relative;
 width: 100%;
  height: 800px;
   color:black;
 font-size:35px;
  text-align: left; 
 z-index:1;
                   }	
/* 22 for coffee contant table */
.container_briut_22 {
 position: relative;
 width: 100%;
  height: 3200px;
   color:black;
 font-size:35px;
  text-align: left; 
 z-index:1;
                   }	
/* 23 for citric acid */
.container_briut_23 {
 position: relative;
 width: 100%;
  height: 650px;
   color:black;
 font-size:35px;
  text-align: left; 
 z-index:1;
                   }	
/* 24 for malic acid */
.container_briut_24 {
 position: relative;
 width: 100%;
  height: 450px;
   color:black;
 font-size:35px;
  text-align: right; 
 z-index:1;
                   }	
/* 25 for acetic acid */
.container_briut_25 {
 position: relative;
 width: 100%;
  height: 600px;
   color:black;
 font-size:35px;
  text-align: left; 
 z-index:1;
                   }	
/* 26 for tartaric acid */
.container_briut_26 {
 position: relative;
 width: 100%;
  height: 650px;
   color:black;
 font-size:35px;
  text-align: right; 
 z-index:1;
                   }	
/* 27 for quinic acid */
.container_briut_27 {
 position: relative;
 width: 100%;
  height: 800px;
   color:black;
 font-size:35px;
  text-align: left; 
 z-index:1;
                   }	
/* 28 for puzzle */
.container_briut_28 {
 position: relative;
 width: 100%;
 height: 900px;
                     }
/* 29 for aspartic acid */
.container_briut_29 {
 position: relative;
 width: 100%;
  height: 1300px;
   color:black;
 font-size:35px;
  text-align: right; 
 z-index:1;
                    }
/* 30 for gastroenterology */
.container_briut_30 {
 position: relative;
 width: 100%;
  height: 400px;
  color:black;
	font-size:35px;
  text-align: center; 
   z-index:1;
                   }	
/* 31 for diabete */
.container_briut_31 {
 position: relative;
 width: 100%;
  height: 800px;
   color:black;
 font-size:35px;
  text-align: left; 
 z-index:1;
                   }	
/* 32 for eugenol */
.container_briut_32 {
 position: relative;
 width: 100%;
  height: 800px;
   color:black;
 font-size:35px;
  text-align: right; 
 z-index:1;
                   }	
/* 33 for asthma */
.container_briut_33 {
 position: relative;
 width: 100%;
  height: 700px;
   color:black;
 font-size:35px;
  text-align: right; 
 z-index:1;
                   }	
/* 34 for soldier drinks coffee */
.container_briut_34 {
 position: relative;
 width: 100%;
  height: 750px;
  color:black;
 font-size:35px;
  text-align: left; 
  z-index:1;
                   }	
/* 35 for obesity */
.container_briut_35 {
 position: relative;
 width: 100%;
  height: 800px;
  color:black;
	font-size:35px;
  text-align: center; 
   z-index:1;
                   }	
/* 36 for odphp */
.container_briut_36 {
 position: relative;
 width: 100%;
  height: 500px;
   color:black;
 font-size:35px;
  text-align: left; 
 z-index:1;
                     }
/* 37 for memory */
.container_briut_37 {
 position: relative;
 width: 100%;
  height: 450px;
   color:black;
 font-size:35px;
  text-align: right; 
 z-index:1;
                   }	
/* 38 for prostata */
.container_briut_38 {
 position: relative;
 width: 100%;
  height: 1000px;
   color:black;
 font-size:35px;
  text-align: left; 
 z-index:1;
                     }
/* 39 for text above site map and menu */
.container_briut_39 {
 position: relative;
 width: 100%;
  height: 700px;
   color:black;
 font-size:35px;
  text-align: center; 
 z-index:1;
                     }
/* 40 for succinic acid */
.container_briut_40 {
 position: relative;
 width: 100%;
  height: 1170px;
   color:black;
 font-size:35px;
  text-align: right; 
 z-index:1;
                   }	
/* 41 for mouth health*/
.container_briut_41 {
 position: relative;
 width: 100%;
  height: 1170px;
   color:black;
 font-size:35px;
  text-align: center; 
 z-index:1;
                   }	
/* 42 for corona*/
.container_briut_42 {
 position: relative;
 width: 100%;
  height: 1450px;
   color:black;
 font-size:35px;
  text-align: center; 
 z-index:1;
                   }	
/* 43 for DNA*/
.container_briut_43 {
 position: relative;
 width: 100%;
  height: 650px;
   color:black;
 font-size:35px;
  text-align: center; 
 z-index:1;
                   }	
/* 44 for hair-growing*/
.container_briut_44 {
 position: relative;
 width: 100%;
  height: 1200px;
  color:black;
 font-size:55px;
  text-align: left; 
  z-index:1;
                     }
/* 45 for stroke*/
.container_briut_45 {
 position: relative;
 width: 100%;
  height: 1300px;
  color:black;
 font-size:55px;
  text-align: center; 
  z-index:1;
                     }
/* 46 for depression*/
.container_briut_46 {
 position: relative;
 width: 100%;
  height: 900px;
  color:black;
 font-size:55px;
  text-align: center; 
  z-index:1;
                     }
/* 47 for quercetin*/
.container_briut_47 {
 position: relative;
 width: 100%;
  height: 940px;
  color:black;
 font-size:55px;
  text-align: center; 
  z-index:1;
                     }
/* 48 for cardiometabolic*/
.container_briut_48 {
 position: relative;
 width: 100%;
  height: 1350px;
  color:black;
 font-size:55px;
  text-align: center; 
  z-index:1;
                     }
/* 49 for osaka*/
.container_briut_49 {
 position: relative;
 width: 100%;
  height: 800px;
  color:black;
 font-size:55px;
  text-align: center; 
  z-index:1;
                     }
/* 50 for phenylindan*/
.container_briut_50 {
 position: relative;
 width: 100%;
  height: 1200px;
  color:black;
 font-size:55px;
  text-align: right; 
  z-index:1;
                     }
/* 51 for gout*/
.container_briut_51 {
position: relative;
width: 100%;
height: 1500px;
color:black;
font-size:55px;
text-align: right; 
z-index:1;
                     }
/* 52 for blood-pressure*/
.container_briut_52 {
position: relative;
width: 100%;
height: 1000px;
color:black;
font-size:55px;
text-align: center; 
z-index:1;
                     }
/* 53 for korean2023 blood-pressure*/
.container_briut_53 {
position: relative;
width: 100%;
height: 900px;
color:black;
font-size:55px;
text-align: center; 
z-index:1;
                     }
/* 54 for amino-acids*/
.container_briut_54 {
position: relative;
width: 100%;
height: 900px;
color:black;
font-size:55px;
text-align: center; 
z-index:1;
                     }
/* 55 for gallic-acid*/
.container_briut_55 {
position: relative;
width: 100%;
height: 1800px;
color:black;
font-size:55px;
text-align: center; 
z-index:1;
                     }
/* 56 for silverskin*/
.container_briut_56 {
position: relative;
width: 100%;
height: 3300px;
color:black;
font-size:55px;
text-align: center; 
z-index:1;
                     }					 
					 
					 
					 
/* 57 for formic-acid*/
.container_briut_57 {
position: relative;
width: 100%;
height: 2000px;
color:black;
font-size:55px;
text-align: center; 
z-index:1;
                     }			












                  
table, th, td     {
width: 100%;
text-align: left;
           }
tr:hover {background-color:#f5f5f5;}

a.two:link {
   background-color:yellow;
  color: black;
  border-radius:25px;
  padding: 14px 25px;
  text-align: center;
   box-shadow:-3px 5px 7px gray;
     text-decoration: none; 
	-webkit-transition: 0.4s;
  transition: 0.4s;
             }
 
a.two:visited {
   background-color:yellow;
    color: black;
	  padding: 14px 25px;
	  box-shadow:-3px 5px 7px gray;
             }	

a.two:hover {
   background-color:#ff7b25;
    color: white;
	  padding: 18px 28px;
	  box-shadow:0px 0px 0px black;
             }
			 
a.three:link {
   background-color:#33cc33;
  color: white;
  border-radius:25px;
  padding: 14px 25px;
   text-align: center;
  box-shadow:-7px 10px 15px gray;
  text-decoration: none; 
   -webkit-transition: 0.4s;
  transition: 0.4s;
               }     
 a.three:hover {
    color: white;
	  padding: 18px 28px;
	box-shadow:0px 0px 0px black;  
               }
a.three:visited {
    color: white;
	  padding: 14px 25px;
	box-shadow:-7px 10px 15px gray; 
               }			   
 a.four:link {
   background-color:yellow;
  color: black;
  border-radius:25px;
  padding: 14px 25px;
  text-align: center;
   text-decoration: none; 
  float: left;
             }
 a.five:link {
   background-color:yellow;
   color: black;
  border-radius:25px;
  padding: 14px 25px;
  text-align: center;
    text-decoration: none; 
 -webkit-transition: 0.4s;
  transition: 0.4s;
             }
   a.five:hover {
   background-color:#ff7b25;
    color: white;
	  padding: 20px 35px;
                }
 a.five:visited {
   background-color:yellow;
    color: black;
	  padding: 14px 25px;
                }

/* a.six for facebook in footer area  */

a.six:link {
   background-color:royalblue;
  color: white;
  font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
  font-size: 200%;
  font-weight: bold;
  border-radius:25px;
  padding: 0px 20px;
  text-align: center;
   box-shadow:0px 0px 0px gray;
     text-decoration: none; 
	-webkit-transition: 0.4s;
  transition: 0.4s;
             }

a.six:visited {
   background-color:royalblue;
    color: white;
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
	font-size: 200%;
	font-weight: bold;
	  padding: 0px 20px;
	  box-shadow:0px 0px 0px white;
             }	
a.six:hover {
   background-color:white;
    color: royalblue;
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
	font-size: 190%;
	font-weight: bold;
	  padding: 0px 18px;
	  box-shadow:0px 0px 0px black;
            }
/*  a.seven for youtube in footer area  */
a.seven:link {
   background-color:red;
  color: white;
  font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
  font-size: 200%;
  font-weight: bold;
  border-radius:10px;
  padding: 2px 35px;
  text-align: center;
   box-shadow:0px 0px 0px gray;
     text-decoration: none; 
	-webkit-transition: 0.4s;
  transition: 0.4s;
             }
a.seven:visited {
   background-color:red;
    color: white;
		  padding: 2px 35px;
	  box-shadow:0px 0px 0px white;
             }	
a.seven:hover {
   background-color:white;
    color: red;
		  padding: 0px 30px;
	  box-shadow:0px 0px 0px black;
            }

			

.myWhite {
 background-color: limegreen;
  color: white;
  text-shadow:2px 2px 1px #000000;
         }	    
.site_map  {
position: absolute;
bottom: 95px;
width: 100%;
height: 230px;
 background-color: limegreen;
 text-align: center;
font-size:20px;
 padding: 10px;
			}	

		html  {
/* Must for my proper footer position  */
    position: relative;
    min-height: 100%;
              }  
	body {
    /* Margin bottom by footer height */
  margin-bottom: 95px;
         }		  
.footer {
            position: absolute;
            bottom: 0;
            width: 100%;
              /* Set the fixed height of the footer here */
            height: 95px;
            color: white;
            background-color: black;
         }