/* Move down content because we have a fixed navbar that is 3.5rem tall */
body {
    padding-top: 3.5rem;
}

.bg-redd {
    background-color: #cc0000;
}

.bg11 {
    background-image: url('assets/img/bg12.jpg');
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
}

.navbar-nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.nav-item {
    text-transform: uppercase;
}

p a:link {
    text-decoration: underline;
}

/* ----------------------------------------------
 * animama
 * start
 * ---------------------------------------------- */
.tracking-in-expand {
    -webkit-animation: tracking-in-expand 4s cubic-bezier(.215,.61,.355,1.000) both;
    animation: tracking-in-expand 4s cubic-bezier(.215,.61,.355,1.000) both;
}

@-webkit-keyframes tracking-in-expand{
    0% {
        letter-spacing: -.5em;
        opacity: 0;
    }

    40% {
        opacity: .6;
    }

    100% {
        opacity: 1;
    }
}

@keyframes tracking-in-expand{
    0% {
        letter-spacing: -.5em;
        opacity: 0;
    }

    40% {
        opacity: .6;
    }

    100% {
        opacity: 1;
    }
}

.bg-pan-bottom {
    -webkit-animation: bg-pan-bottom 8s both;
    animation: bg-pan-bottom 8s both;
}

/* ----------------------------------------------
 * Generated by Animista on 2018-8-29 13:21:12
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
@-webkit-keyframes bg-pan-bottom{
    0% {
        background-position: 50% 0;
    }

    100% {
        background-position: 50% 100%;
    }
}

@keyframes bg-pan-bottom{
    0% {
        background-position: 50% 0;
    }

    100% {
        background-position: 50% 100%;
    }
}

.bg-pan-top {
    -webkit-animation: bg-pan-top 6s both;
    animation: bg-pan-top 6s both;
}

@-webkit-keyframes bg-pan-top{
    0% {
        background-position: 50% 100%;
    }

    100% {
        background-position: 50% 0;
    }
}

@keyframes bg-pan-top{
    0% {
        background-position: 50% 100%;
    }

    100% {
        background-position: 50% 0;
    }
}

.fade-out {
    -webkit-animation: fade-out 8s ease-out both;
    animation: fade-out 8s ease-out both;
}

@-webkit-keyframes fade-out{
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0.1;
    }
}

@keyframes fade-out{
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0.1;
    }
}

.fade-in {
    -webkit-animation: fade-in 5s cubic-bezier(.39,.575,.565,1.000) both;
    animation: fade-in 5s cubic-bezier(.39,.575,.565,1.000) both;
}

@-webkit-keyframes fade-in{
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fade-in{
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

/* ----------------------------------------------
 * animama
 * end
 * ---------------------------------------------- */
.navbar-brand {
    display: inline-block;
    padding-top: 0.3125rem;
    padding-bottom: 0.3125rem;
    margin-right: 1rem;
    font-size: 1.5rem;
    line-height: inherit;
    white-space: nowrap;
    font-family: Abril Fatface;
    letter-spacing: 1px;
    text-shadow: 1 1 2 rgba(0, 0, 0, 0.88);
}