.pea-arrow-scroll {
    background: #FFF url('../images/scroll.svg');
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 999;
}

@media screen and (min-width: 768px) {
  .pea-arrow-scroll {
    background-size: 45px 45px;
    width: 45px;
    height: 45px;
  }
}

@media screen and (min-width: 992px) {
  .pea-arrow-scroll {
    background-size: 83px 83px;
    width: 83px;
    height: 83px;
  }
}

.pea-arrow-scroll:hover {
    cursor: pointer;
}