.center-view{
    position: relative;
}

.center,.a-top.a-left,.a-top.a-right,.a-bottom.a-right,.a-bottom.a-left{
  position: absolute;
  margin: 0;
}
.center{
  top: 50%;
}

.a-top{
  top: 2.5%
}
.a-bottom{
  bottom: 2.5%
}
.a-right {
  right: 2.5%
}
.a-left {
  left: 2.5%
}
.center.middle{
  left: 50%;
  transform: translate(-50%, -50%);
}

.center.left, .center.right{
  transform: translate(0%, -50%);
}

.center.left{
  left: 2.5%;
}

.center.right{
  right: 2.5%;
}