.hero-buttons {
    margin: 50px 0;
}

.hero-buttons .btn.btn-primary {
    border: 2px solid #4B0082;
}

.banner {
    background: url("/assets/img/home/gplaypattern.png");
    padding: 12em 0 13em;
    animation: animatedBackground 15s linear infinite;
    -moz-animation: animatedBackground 15s linear infinite;
    -webkit-animation: animatedBackground 15s linear infinite;
    -ms-animation: animatedBackground 15s linear infinite;
    -o-animation: animatedBackground 15s linear infinite;
}

.banner h1 {
    max-width: 800px;
}

.banner .btn {
    min-width: 150px;
}

.video-icon .video-icon-button {
    height: 40px;
}

.video-icon svg {
    width: 40px;
    height: 40px;
}

.section-intro {
    background-color: #2e3e80;
}

.section-intro h3 {
    font-family: 'Lato';
}

.section-intro hr {
    border-color: #4c60b1;
}

.section-cta {
    background: #4B0082;
}

.section-cta .btn:hover {
    background: #fff;
    color: #000;
}

.section-exchange .wrapper {
    max-width: 800px;
}

.enlarge-on-hover {
    transition: transform .2s;
}

.enlarge-on-hover:hover {
    transform: scale(1.05);
}

@keyframes animatedBackground {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: -188px 0;
    }
}

@-moz-keyframes animatedBackground {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: -188px 0;
    }
}

@-webkit-keyframes animatedBackground {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: -188px 0;
    }
}

@-ms-keyframes animatedBackground {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: -188px 0;
    }
}