/* ----------------------- Intro ----------------------------- */
/* ------------------ Used on every page --------------------- */
.box-intro {
    zoom: 1;
    /* Fall back for FSS if not initalized */
    background: #000 url('../../assets/img/shattered-island.gif') 50% 0 repeat;
    color:white;
    text-align: center;
}
.box-intro #output{
    position:relative;
}
.box-intro #output .inner {
    padding: 0 40px;
    position: absolute;
    width: 100%;
    top: 50%;
}

.box-intro #output .inner h1{
    margin: 0 0 15px 0;
    text-transform: uppercase;
}

.box-intro #output .inner .typed{
    display: inline-block;
    padding: 15px 0;
    color: #E5E5E5;
    font-style: italic;
    zoom: 1;
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .box-intro #output .inner .typed{
        font-size: 1.625rem;
    }
}

/* --- animated blinking cursor ---- */
.typed-cursor{
    font-style: italic;
    opacity: 1;
    -webkit-animation: blink 0.7s infinite;
    -moz-animation: blink 0.7s infinite;
    animation: blink 0.7s infinite;
}
@keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-webkit-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-moz-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}