.arrow-scroll{
     position: relative;
     height: 3em;
     opacity: 100%;
}

.arrow{
     border: solid #EDB846;
     border-width: 0 4px 4px 0;
     display: inline-block;
     padding: 12px;
     position: absolute;
     top: 0;
     left: 50%;
     transform: translateX(-50%) rotate(45deg);
}

.arrow:nth-child(2){
     animation: arrow1 1.5s ease-in-out infinite;
}
.arrow:nth-child(3){
     animation: arrow2 1.5s ease-in-out infinite;
}

@keyframes arrow1{
     100% {
          opacity: 0;
          top: 100%;
     }
}

@keyframes arrow2{
     100%{
          opacity: 0;
          top: 50%;
     }
}

.arrow-container{
     position: absolute;
     bottom: 10%;
     right: 10%;
}


.landing-arrow{
     display: none;
     position: absolute;
     bottom: 10%;
     left: 0;
     right: 0;
}

@media(max-width: 858px){
     .landing-arrow{
          display: block;
     }
}