*{
  margin:0;
  padding:0;
  color: #C4C4C4;
}

body{
  background-color: #34495e;
  top: 20%;
  position: relative;
}

#text{
  width: 50%;
  margin: 15px auto;
  text-align: center;
  font-size: larger;
  font-style: italic;
}

#text > p:first-child{
  margin-top: 25px;
}

#text > p:not(:first-child){
  margin-top: 10px;
}

.icon{
  width: 39px;
  height: 39px;
  display: block;
  margin: auto;
  border-radius: 50px;
  background-image: url('icons.png');
}


#icons-line1{
  top: 50px;
}

#icons-line1, #icons-line2{
  margin: auto;
  display: flex;
  flex-direction: row;
  width: 100%;
}

#icons-line1 a:hover, #icons-line2 a:hover{
  background-position-y:-39px;
}

#icons-line1::before, #icons-line2::before{
  height: 1px;
  width: 100%;
  content: "";
  display: block;
  position: absolute;
  background-color: #C4C4C4;
}

#icons-line1::before{
  top: 39px;
}

#icons-line2::before{
}

#betaseries{
  background-position-x: 0px;
}

#untappd{
  background-position-x: -39px;
}

#twitter{
  background-position-x: -78px;
}

#facebook{
  background-position-x: -117px;
}

#linkedin{
  background-position-x: -156px;
}

#gplus{
  background-position-x: -195px;
}

#instagram{
  background-position-x: -234px;
}

#youtube{
  background-position-x: -273px;
}

#foursquare{
  background-position-x: -312px;
}

#steam{
  background-position-x: -351px;
}

#miiverse{
  background-position-x: -390px;
}

#xbox{
  background-position-x: -429px;
}