h1 {
font-size:95px;	
    }
 h2 {
font-size:40px;	
    }
 
.container_sport_1 {
 position: relative;
 width: 100%;
  height: 510px;
 z-index:-1;
                   }	
.overlay_sport_1 {
    position:absolute;
    top:10%;
    left:5%;
	right:5%;
	color:black;
	font-size:35px;
    z-index:1;
                  }
				  
				  
				  
.container_sport_3 {
 position: relative;
 width: 100%;
  height: 850px;
 z-index:1;				  
				  } 
				  
	

.container_sport_5 {
 position: relative;
 width: 100%;
  height: 600px;
 z-index:1;				  
				  } 
.container_sport_6 {
 position: relative;
 width: 100%;
  height: 853px;
 z-index:1;				  
				  } 
.container_sport_7 {
 position: relative;
 width: 100%;
  height: 980px;
 z-index:1;				  
				  } 

/*  8 for coffee-energy  */
.container_sport_8 {
 position: relative;
 width: 100%;
  height: 1300px;
 z-index:1;				  
				  } 


.container_sport_9 {
 position: relative;
 width: 100%;
  height: 900px;
 z-index:1;				  
				  } 



/*  10 for bicycle  */
.container_sport_10 {
 position: relative;
 width: 100%;
  height: 1300px;
 z-index:1;				  
				  } 









	

 /* 16 for menu above site map  */                 	
.container_sport_16 {
 position: relative;
 width: 100%;
 bottom:300px;
  color:black;
	font-size:35px;
  text-align: right; 
 z-index:1;
                   }	

  










  

/* 39 for text above site map and menu */
.container_sport_39 {
 position: relative;
 width: 100%;
  height: 1100px;
   color:black;
 font-size:35px;
  text-align: center; 
 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 {
    /* 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;
         }