h1 {
font-size:95px;	
    }
 h2 {
font-size:40px;	
    }
                   }
/*1 deleted  - included in 11*/	
.container_water_1 {
 position: relative;
 width: 100%;
  height: 100px;
 z-index:2;
                   }
/*11for for top+hands 800+100*/					   
.underlay_water_11 {
    position:relative;
   width: 100%;
  height: 900px;  
    z-index:1;
                  }
/*12for age70*/				  
.underlay_water_12 {
    position:relative;
   width: 100%;
  height: 1200px;  
    z-index:1;
                  }
/*13for age100*/				  
.underlay_water_13 {
    position:relative;
   width: 100%;
  height: 1200px;  
    z-index:1;
                  }
/*14for empty place for now , to delete?*/				  
.underlay_water_14 {
    position:relative;
   width: 100%;
  height: 240px;  
    z-index:1;
                  }
/*15for mick*/				  
.underlay_water_15 {
    position:relative;
   width: 100%;
  height: 1071px;  
    z-index:1;
                  }			 
	
.underlay_water_17 {
    position:relative;
   width: 100%;
  height: 1500px;  
    z-index:1;
                  }			
.underlay_water_18 {
    position:relative;
   width: 100%;
  height: 1200px;  
    z-index:1;
                  }			
.underlay_water_19 {
    position:relative;
   width: 100%;
  height: 1185px;  
    z-index:1;
                  }
/* 191 for water-loss*/				  
.underlay_water_191 {
    position:relative;
   width: 100%;
  height: 1037px;  
    z-index:1;
                  }			
/* 192 for water-consamption*/				  
.underlay_water_192 {
    position:relative;
   width: 100%;
  height: 900px;  
    z-index:1;
                  }			

.underlay_water_193 {
    position:relative;
   width: 100%;
  height: 900px;  
    z-index:1;
                  }			
.underlay_water_194 {
    position:relative;
   width: 100%;
  height: 900px;  
    z-index:1;
                  }
/* 21 for electrolyte*/					  
.underlay_water_21 {
    position:relative;
   width: 100%;
  height: 900px;  
    z-index:1;
                  }
/* 22 for atomic model*/					  
.underlay_water_22 {
    position:relative;
   width: 100%;
  height: 1367;  
    z-index:1;
                  }
/* 23 for tlectron cloud*/					  
.underlay_water_23 {
    position:relative;
   width: 100%;
  height: 1371px;  
    z-index:1;
                  }
/* 24 for mendeleev table for NaCl*/					  
.underlay_water_24 {
    position:relative;
   width: 100%;
  height: 1200px;  
    z-index:1;
                  }
/* 25 for ion*/					  
.underlay_water_25 {
    position:relative;
   width: 100%;
  height: 2962px;  
    z-index:1;
                  }	
/* 251 מים מורכבים ממימן וחמצן*/					  
.underlay_water_251 {
    position:relative;
   width: 100%;
  height: 400px;  
    z-index:1;
                  }					  
				  
				  
			  
/* 26 for menu afterion*/					  
.underlay_water_26 {
    position:relative;
   width: 100%;
  height: 250px;  
    z-index:1;
                  }	




	
/* 27 for water-model*/					  
.underlay_water_27 {
    position:relative;
   width: 100%;
  height:  4055px;  
    z-index:1;
                  }
/* 28 for salt-water*/					  
.underlay_water_28 {
    position:relative;
   width: 100%;
  height:  900px;  
    z-index:1;
                  }	
/* 29 for protein70*/					  
.underlay_water_29 {
    position:relative;
   width: 100%;
  height:  2100px;  
    z-index:1;
                  }	
/* 30 for pH1*/					  
.underlay_water_30 {
    position:relative;
   width: 100%;
  height:  1200px;  
    z-index:1;
                  }			
/* 31 for pH2*/					  
.underlay_water_31 {
    position:relative;
   width: 100%;
  height:  900px;  
    z-index:1;
                  }	
/* 32 for pH-table*/					  
.underlay_water_32 {
    position:relative;
   width: 100%;
  height:  1400px;  
    z-index:1;
                  }	
/* 33 for cola-water3 */					  
.underlay_water_33 {
    position:relative;
   width: 100%;
  height:  766px;  
    z-index:1;
                  }	
* 34 for pH buffers text and picture */					  
.underlay_water_34 {
    position:relative;
   width: 100%;
  height:  2400px;  
    z-index:1;
                  }		
/* 35 for fluoride 1 */					  
.underlay_water_35 {
    position:relative;
   width: 100%;
  height:  3700px;  
    z-index:1;
                  }		

/* 36 for fluoride decieses 198+4*45+400+701+45=1524       */					  
.underlay_water_36 {
    position:relative;
   width: 100%;
  height:  1524px;  
    z-index:1;
                  }		
/* 37 for clorine 1 = 400+900+350+1200+1200+2000=2850*/					  
.underlay_water_37 {
    position:relative;
   width: 100%;
  height:  6050px;  
    z-index:1;
                  }		

/* 41 for scale 300+900+300+900+600+300+40+400+600+600=4940       */					  
.underlay_water_41 {
    position:relative;
   width: 100%;
  height:  4940px;  
    z-index:1;
                  }		
/* 42 for sea water */					  
.underlay_water_42 {
    position:relative;
   width: 100%;
  height:  3300px;  
    z-index:1;
                  }	

/* 43 for mineral water */					  
.underlay_water_43 {
    position:relative;
   width: 100%;
  height:  3000px;  
    z-index:1;
                  }	

				  


	
	

 /* 16 for menu above site map  */                 	
.container_water_16 {
 position: absolute;
width: 100%;
bottom:800px;
  color:black;
	font-size:35px;
  text-align: right; 
 z-index:1;
                   }	
.overlay_water_16 {
    position:absolute;
    top:10%;
    left:10%;
	right:5%;
	color:black;
	font-size:35px;
    z-index:2;
                  }
  










  

/* 39 for text above site map and menu */
.container_water_39 {
 position: relative;
 width: 100%;
  height: 700px;
   color:black;
 font-size:35px;
  text-align: center; 
 z-index:1;
                     }





/* 40 for temporary empty space 230   */					  
.underlay_water_40 {
    position:relative;
   width: 100%;
  height:  230;  
    z-index:1;
                  }			







                  


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 {
             background-image: -webkit-linear-gradient(right, #FFFFFF 5%, #00A3EF 95%);  
             background-image:    -moz-linear-gradient(right, #FFFFFF 5%, #00A3EF 95%);  
             background-image:     -ms-linear-gradient(right, #FFFFFF 5%, #00A3EF 95%);  
             background-image:      -o-linear-gradient(right, #FFFFFF 5%, #00A3EF 95%);  
             background-image:         linear-gradient(right, #FFFFFF 5%, #00A3EF 95%);  		
	
    /* 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;
         }