.section-menu
{
	display: table;
	position: fixed;
	top: 0;
	right: 10px;
	height: 100%;
}

.section-menu ul
{
	display: table-cell;
	margin: 0;
	padding: 0;
	list-style: none;
	vertical-align: middle;
}

.section-menu li
{
	display: block;
}

.section-menu a
{
  display: block;
  position: relative;
  padding: 5px;
  height: 10px;
  width: 10px;
  color: #4A4242;
  line-height: 20px;
  text-align: right;
  white-space: nowrap;
  transition: all 0.5s ease;
}

.section-menu a:before
{
  content: "";
  display: block;
  position: relative;
  border-radius: 10px;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.50);
  -webkit-transform: scale(0.4);
  -moz-transform: scale(0.4);
  -ms-transform: scale(0.4);
  transform: scale(0.4);
  transition: all 0.6s ease;
}

.section-menu a:hover:before
{
  background-color: #A5A5A5;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.section-menu a span
{
	position: absolute;
	top: 0;
	right: 0;
	padding-right: 25px;
	opacity: 0;
	transition: all 0.3s ease;
}

.section-menu a:hover span
{
	opacity: 1;
}