#social-wrapper{
  background : #000;
  height : 250px;
  width : 100%;
  margin : auto;
}

#social-wrapper a{
  float : left;
  text-align : center;
  color : #FFF;
  font-size : 45px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  height : 50%;
}

#social-wrapper i{
  position: relative;
  top: 65px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

#social-wrapper a:hover{
  background : #888;
}

#social-wrapper .fb{
  background : #3b5998;
}

#social-wrapper .tw{
  background : #4099FF;
}

#social-wrapper .yt{
  background : #e52d27;
}

#social-wrapper .ri{
  background : #e52d27;
}

#social-wrapper .gp{
  background : #D34836;
}

#social-wrapper .li {
    background: #0D77B7
}

#social-wrapper .fb{
  width : 50%;
} 

#social-wrapper .gp{
  width : 50%;
} 

#social-wrapper .tw , #social-wrapper .yt, #social-wrapper .ri, #social-wrapper .li{
  width : 33.33%;
} 

.cnir{
  position : fixed;
  right : 10px;
  bottom : 5px;
  color : #888;
  text-decoration : none;
}

/* Media Queries */
@media screen and (max-width: 1000px){
  #social-wrapper .fb{
    width : 100%;
  }
  #social-wrapper .tw , #social-wrapper .yt , #social-wrapper .gp{
    width : 33.3333333333%;
  } 
}

@media screen and (max-width: 650px){
  #social-wrapper .tw , #social-wrapper .yt , #social-wrapper .gp , #social-wrapper .fb{
    width : 50%;
  } 
}

@media screen and (max-width: 300px){
  #social-wrapper .tw , #social-wrapper .yt , #social-wrapper .gp , #social-wrapper .fb{
    width : 100%;
    height : 25%;
  } 
}