@-moz-keyframes spin {
    100% {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.hero-bkg-animated {
    
    width: 100%;
    margin: 0;
    text-align: center;
    height: 300px;
    box-sizing: border-box;
    -webkit-animation: slide 20s linear infinite;
    position: absolute;
    z-index: 200;
}

    .hero-bkg-animated h1 {
        font-family: sans-serif;
    }

@-webkit-keyframes slide {
    from {
        background-position: 0 0;
    }

    to {
        background-position: -400px 0;
    }
}
/*
* Style tweaks
* --------------------------------------------------
*/

.navbar-brand {
    font-size: 24px;
}

.navbar-container {
    /*padding: 6px 0 6px 0;*/
}

.navbar.navbar-fixed-top.fixed-theme {
    top: 0;
    background-color: #222;
    border-color: #080808;
    box-shadow: 0 0 5px rgba(0,0,0,.8);
}

.navbar-brand.fixed-theme {
    font-size: 18px;
}

.navbar-container.fixed-theme {
    /*padding: 0;*/
}


.navbar-container {
    /*transition: 0.8s;
    -webkit-transition:  0.8s;*/
}

#brand svg {
    margin-top: -8.1em;
    animation: none;
    z-index: 1;
}