html { 
  background: url(bg1.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}





#div {
 margin-left: 0%;
 position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
left: -10px;
}

#social {
 width: 96px;
 height: 350px;
 margin: 0;
 padding: 0;
 list-style: none;
}

#social li {
 width: 64px;
 height: 64px;
}

#social a {
 display: block;
 width: 100%;
 height: 100%;
 text-indent: -1000em;
 background-repeat: no-repeat;
 background-position: -32px 0;
}

#social a:hover {
 background-position: 0 0;
}

#gmail {
 background-image: url(Gmail.png);
}
#drive {
 background-image: url(Drive.png);
}

#contacts {
 background-image: url(Contacts.png);
}

#calendar {
 background-image: url(Calendar.png);
}
#notes {
 background-image: url(notes.png);
}