.button {
    color: #fff !important;
    font-size: 20px !important;
    font-family: 'Quicksand';
}

.arrow {
    font-size: 30px !important;
    margin-left: 1.3em;
}

.arrow:hover {
    color: #ffffffd4 !important;
    transform: scale(1.5) !important;
}

#more-arrows {
    width: 75px;
    height: 65px;
}
@media only screen and (max-width: 767px) {
    #more-arrows {
        margin-left: 1em;
    }
}
#more-arrows:hover polygon {
    fill: #fff;
    transition: all 0.2s ease-out;
}
#more-arrows:hover polygon.arrow-bottom {
    transform: translateY(-18px);
}
#more-arrows:hover polygon.arrow-top {
    transform: translateY(18px);
}
polygon {
    fill: #c62329bc;
    transition: all 0.2s ease-out;
}
polygon.arrow-middle {
    opacity: 0.75;
}
polygon.arrow-top {
    opacity: 0.5;
}
