@import url(https://fonts.googleapis.com/css?family=Raleway);
@import url(https://fonts.googleapis.com/css?family=Raleway:300italic,400italic,400,300);


body, ul, li {
  margin: 0;
  padding: 0;
}


/* Raleway */
[class*="Raleway"]:before {
  font-family: 'Raleway', sans-serif; 
 // text-shadow: 4px 4px 4px #aaa; 
 // font-effect-shadow-multiple;
}

body {
  background-color: #DFF0FE;
}

header {
  width: 856px;
  height: 54px;
  font-family: 'Raleway', sans-serif; 
  box-sizing: border-box;
  background-color: #000000;
  position: fixed;
  top: 0px;
  left: 0px;
  padding: 0px 0px 0px 5px;
}

header h1 {
  float: left;
  margin: 0px 0px;
  color: #4A8C41;
  font-family: 'Raleway', sans-serif; 
  text-shadow: 4px 4px 4px #aaa; 
  font-effect-shadow-multiple;
  position: absolute;
  left: 0;
  top: 0%;
  width: 45%;
  text-align: center;
  font-size: 40px;
  z-index: 50;
}

header h3 {
  float: right;
  margin: 1px 280px;
  color: #ffffff;
  font-family: 'Raleway', sans-serif; 
  position: absolute;
  left: 0;
  top: 30%;
  width: 100%;
  text-align: center;
  font-size: 40px;
}

header nav ul {
  height:40px;
  float: left;
}

header nav ul li {
  height: 40px;
  display: inline-block;
}

header nav ul li a {
  height: 40px;
  display: block;
  padding: 4px 20px;
  color: white;
  font-size: 2.2em;
  text-decoration: none;
  border-top: 3px solid #373948;
  border-bottom: 3px solid #373948;
  -webkit-transition: color 1s ease;
  -moz-transition: color 1s ease;
  -o-transition: color 1s ease;
  transition: color 1s ease;
}

header nav ul li a:hover{
  color: #373948;
    font-family: 'Raleway', sans-serif; 
}

header nav ul li a.active{
  height: 40px;
  border-bottom: none;
    font-family: 'Raleway', sans-serif; 
}

header nav ul li a.link-1 {  font-family: 'Raleway', sans-serif; background-color: #ffffff; }
header nav ul li a.link-2 {  font-family: 'Raleway', sans-serif;  background-color: #ffffff; }
header nav ul li a.link-3 {  font-family: 'Raleway', sans-serif; background-color: #ffffff; }
header nav ul li a.link-4 {  font-family: 'Raleway', sans-serif;  background-color: #ffffff; }
header nav ul li a.link-5 {  font-family: 'Raleway', sans-serif; background-color: #ffffff; }
header nav ul li a.link-6 {  font-family: 'Raleway', sans-serif; background-color: #ffffff; }

.button {
  background-color: #ffffff; /* Green */
  border: none;
  color: white;
  padding: 1px 1px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1px;
}

.button1 {background-color: #ffffff;} /* Green */
.button2 {background-color: #ffffff;} /* Blue */
.button3 {background-color: #ffffff;} /* Red */ 
.button4 {background-color: #ffffff;}  /* Gray */ 
.button5 {background-color: #ffffff;} /* Black */

section {
  width: 1000;
  height: 1800px;
  box-sizing: border-box;
  border-style: solid;
   border-color: #949699;
  padding:  20px;
  overflow: hidden;
}

section#home { background-color:  #DFF0FE; }
section#facts { background-color: #DFF0FE; }
section#rather { background-color: #DFF0FE; }
section#about { background-color: #DFF0FE; }
section#ingredients { background-color: #DFF0FE; }
section#order { background-color: #DFF0FE; }


section h2 {
  color: #2684C4;
  font-family: 'Raleway', sans-serif; 
  font-style: bold;
 // text-shadow: 3px 3px black; 
 // font-effect-shadow-multiple;
  font-weight: 700;
  font-size: 3em;
  margin: 45px 1px 15px 0px;
}


section link1 {
  color: ;
  font-family: 'Raleway', sans-serif; 
  font-style: bold;
 // text-shadow: 3px 3px black; 
 // font-effect-shadow-multiple;
  font-weight: 700;
  font-size: 3em;
  margin: 1px 1px 15px 0px;
}

section .illustration {
  display: inline-block;
  z-index: 100;
  position: absolute;
  float: left;
//  width: 51%;
 // height: 150%;
  background: url(http://vibrantmojo.com/splashhome.png) no-repeat;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  margin-top: 1px;
  margin-bottom: 1px;
  margin-right: 10px;
  margin-left: 10px
  padding: 1px 1px 1px 1px;  
}


section .video {
  z-index: 200;
  position: absolute;
  top: 0px;
  left: 480px;
}

section .ratherimage {
  z-index: 300;
  position: absolute;
  background: url(http://vibrantmojo.com/wouldyourather.png) no-repeat;
  top: 0px;
  left: 150px;
}
 
section .stickman {
  z-index: 220;
  position: absolute;
  background: url(http://vibrantmojo.com/stickman_yellow_black.png) no-repeat;
  top: 0px;
  left: 200px;
  }

section p {
  width: 1200px;
  color: #2684C4;
  font-family: 'Raleway', sans-serif;
//  text-shadow: 4px 4px 4px #000; 
  font-weight: 800;
  font-size: 2em; 
}

section p- {
  width: 1000px;
  color: #2684C4;
  font-family: 'Raleway', sans-serif;
  //  text-shadow: 4px 4px 4px #000; 
  font-weight: 800;
  font-size: 2em; 
}

a:link, a:visited {
//  background-color:#12BAF1;
  color: green;
  display: inline-block;
}

a:hover, a:active {
  background-color: grey;
  color: white;
}
  
  //Taggedbest hgh, best hgh supplement, bodybuilding, buy hgh, buy hgh online, ciclo de gh, deeper sleep, does hgh work, exercise performance, faster recovery, faster regeneration, genotropin, gh, gh suplemento, greater cardiac output, growth, growth hormone, hgh, hgh bodybuilding, hgh booster, hgh effects, hgh energizer, hgh for men, hgh growth hormone, hgh human growth hormone, hgh injections, hgh pills, hgh reviews, hgh side effects, hgh steroids, hgh supplement, higher energy, how to increase growth hormone, how to increase hgh, human growth hormone, improve, increased endurance, increased metabolism, increased muscle mass, increased sex drive, is hgh legal, libido, norditropin, overall tissue regeneration, physical activity, reduced body fat, Serovital, Serovital HGH, serovital hgh reviews, Somaderm, somatropin, somatropina, stronger bones, testosterone, what is hgh