body{
  font-size: 16px;
  font-family: 'Raleway', sans-serif;
}

  /* Defining each section background and styles
  * --------------------------------------- */
  .white{
    background: -webkit-gradient(linear, top left, bottom left, from(#FFFFFF), to(#f7f7f7));
    background: -webkit-linear-gradient(#FFFFFF, #f7f7f7);
    background: linear-gradient(#FFFFFF,#f7f7f7);
  }

  .lead{
    font-size:2em;
    color:#999;
  }
 .lead small{
    font-size:.7em;
  }
.section{
  padding: 20px;
  text-align:center;
}
.green {
background-color: #4DBDB2;
}
#intro h1 {

text-align: center;
font-size: 3.6em;
color: #4DBDB2;
margin-bottom: 5px;
}
 #download h1 {
margin-top: 30px;
 }
#intro p.lead{
color: #999;
margin-bottom: 20px;
font-size: 1.8em;
font-weight: 400;
}
#intro p{
color: #999;
font-size: 1.6em;
font-weight: 300;
}
#intro img {
   margin-top: -30px;
-webkit-border-radius: 32px;
-moz-border-radius: 32px;
border-radius: 32px;
}
#menu li {
  display:inline-block;
  margin: 14px 7px;

  background:#fff;
  background: rgba(255,255,255, 0.5);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
 border-radius: 3px;
}
#menu li.active{
  background:#666;
  background: rgba(0,0,0, 0.2);
  color: #fff;
}

#menu li.active a:hover{
  color: #222;
}
#menu li:hover{
  background: rgba(255,255,255, 0.8);
}
#menu li a,
#menu li.active a{
      text-decoration:none;
  padding: 9px 18px;
  display:block;
  color: #999 !important;
}
#menu li.active a:first-child,#menu li a:first-child{
padding: 9px 14px;
}



#menu li.active a{
  color: #fff;
}
#menu{
  text-align: center;
  position:fixed;
  top:0;
  left:0;
  height: 40px;
  z-index: 70;
  width: 100%;
  padding: 0;
  margin:0;
}
#menu img {

  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
 border-radius: 3x;

}

#preview img {
max-width: 320px;
height: auto;
  background: #555;
  padding: 1px;
  border: 10px solid #222;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
}


.small{
font-size: 1em;
color: #b1b1b1;
}


#feedback a{
  color:#fff;

}
#feedback a:hover, #feedback a:focus{
  color:#f5f5f5;

}
.fp-controlArrow.fp-next{
  border-color: transparent transparent transparent rgba(255, 255, 255, 0.33);
}
.fp-controlArrow.fp-prev{
  border-color: transparent rgba(255, 255, 255, 0.33) transparent transparent ;
}
.subhead{
  color: #999;
}

@media (min-width: 768px) {
#privacy p {
	padding:  0 20%;
}
}

@media (max-width: 768px) {


  #preview img {
  max-width: 240px;
  height: auto;
  background: #555;
  padding: 1px;
  border: 10px solid #222;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
  
  }
  #intro h1 {

  font-size: 2.4em;

  }
  #intro p.lead{
color: #999;
margin-bottom: 15px;
font-size: 1.5em;
font-weight: 400;
}
  #intro p{
    font-size: 1.3em;
  }
  #intro img {
    width: 65px;
    height: auto;
  margin-top: 22px;
  -webkit-border-radius: 18px;
-moz-border-radius: 18px;
border-radius: 18px;

  }
  #menu li a{padding: 4px 9px;
  }
  #menu li.active a:first-child, #menu li a:first-child{
  padding: 3px 9px 5px 9px;
  }

}

@media (max-width: 480px) {

#preview img {
    max-width: 200px;

}
#menu {
	font-size: .9em;
}
#menu li a{
    padding: 1px 1px 1px 1px !important;
}
.lead{
	font-size: 1.2em;
}