.content_section.scroll_down_container {
    display: block; text-align: center;
    height: 0; position: relative; z-index: 20;
    padding: 0;
}

.content_section.scroll_down_container .scroll_down:after {
    content: ''; position: absolute;
    bottom: 0; left: 50%;
    margin: 0 auto; color: #FFFFFF;
    cursor: pointer;
    width: 3rem; height: 3rem;
    background-image: url(../img/scroll-down.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    animation: scroll_down 1s infinite;
}

@media screen and (min-width:64em){
    .content_section.scroll_down_container .scroll_down:after {
        bottom: 2rem;
    }
}
  


@keyframes scroll_down {
    0% {
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)}
    50% {
        -webkit-transform: translate(-50%, 0.5rem);
        -moz-transform: translate(-50%, 0.5rem);
        -ms-transform: translate(-50%, 0.5rem);
        -o-transform: translate(-50%, 0.5rem);
        transform: translate(-50%, 0.5rem);
    }
    100% {
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)}
}