.socialHolder{
  width:100%;
  height:30px;
  text-align:center;
  margin:15px 0px 20px 0px;
}

.socialMediaOption{
  width:30px;
  height:30px;
  margin:2px;
  display:inline-block;
  position:relative;
  cursor:pointer;
  transition: all .5s ease;
  opacity: 0.85;
  filter: alpha(opacity=85); /* For IE8 and earlier */
}

.socialMediaOption:hover{
  transform: scale(1.2);
  opacity: 1.0;
  filter: alpha(opacity=100); /* For IE8 and earlier */
}

.socialMediaImage{
  width:25px;
  height:25px;
  position:absolute;
  margin:auto;
  top:0; bottom:0; right:0; left:0;
}

#github{
  background:rgb(38,40,47);
}

#twitter{
  background:rgb(108,175,224);
}

#facebook{
  background:rgb(66,88,149);
}

#embed{
  background:rgb(86,130,189);
}

.spacer{
  padding:10px;
}

.responsiveGrid{
  padding:15px 40px;
  margin-top:10px;
}

@media screen and (min-width:768px){
  #header h3{
    font-size:1.2em;
    margin:0 0 0 10px;
    padding:0;
  }
}

@media screen and (min-width:1024px){
  .responsiveGrid{
    width:770px;
    margin:10px auto 0 auto;
    padding:0;
  }
}

@media screen and (min-width:1500px){
  .responsiveGrid{
    width:810px;
  }
}

@media screen and (min-width:2000px){
  .responsiveGrid{
    width:1210px;
    
  }
}