/*--------------------------------------------------------------
# Animations
--------------------------------------------------------------*/
.come-in {
    transform: translateY(250px);
    animation: come-in 0.8s ease forwards;
  }
  .come-in:nth-child(odd) {
    animation-duration: 0.6s; /* So they look staggered */
  }
  
  @keyframes come-in {
    to { transform: translateY(0); }
  }

  .blue-arrow-end a {
    position: relative;
    padding-right: 35px;
}

.blue-arrow-end a:after {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background-image: url('../img/arrow_b.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -10px;
    transition: all 0.3s ease-in-out;
}

.blue-arrow-end a:hover:after {
    transform: rotate(45deg);
}