.debFader {
    background-position: center center;
    background-attachment: absolute;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.debCaption {
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    text-align: left;
    color: #fff;
}

.title0 {
    position: absolute;
    display: none;
    top: 30%;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    color: #fff;
    background-color: #00000050;
    text-shadow: 2px 2px 2px #000;
}

.title0 h2 {
    border: 0px;
    margin: 0px;
    padding: 0px;
    color: #fff;
}

.title0 h3 {
    border: 0px;
    margin: 0px;
    padding: 0px;
    color: #fff;
}

.title0 p {
    border: 0px;
    margin: 0px;
    padding: 0px;
    color: #fff;
}

.title0 a {
    text-decoration: none;
    cursor: pointer;
    color: #fff;
}

.title1 {
    position: absolute;
    display: none;
    top: 77%;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    color: #fff;
    background-color: #00000040;
    text-shadow: 2px 2px 2px #000;
}

.title1 h2 {
    border: 0px;
    margin: 0px;
    padding: 0px;
    color: #fff;
}

.title1 h3 {
    border: 0px;
    margin: 0px;
    padding: 0px;
    color: #fff;
}

.title1 p {
    border: 0px;
    margin: 0px;
    padding: 0px;
    color: #fff;
}

.title1 a {
    text-decoration: none;
    cursor: pointer;
    color: #fff;
}

.title2 {
    position: absolute;
    display: none;
    top: 40%;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    color: #fff;
    background-color: #00000050;
    text-shadow: 2px 2px 2px #000;
}

.title2 h2 {
    border: 0px;
    margin: 0px;
    padding: 0px;
    color: #fff;
}

.title2 h3 {
    border: 0px;
    margin: 0px;
    padding: 0px;
    color: #fff;
}

.title2 p {
    border: 0px;
    margin: 0px;
    padding: 0px;
    color: #fff;
}

.title2 a {
    text-decoration: none;
    cursor: pointer;
    color: #fff;
}

.title3 {
    position: absolute;
    display: none;
    top: 40%;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    color: #fff;
    background-color: #00000050;
    text-shadow: 2px 2px 2px #000;
}

.title3 h2 {
    border: 0px;
    margin: 0px;
    padding: 0px;
    color: #fff;
}

.title3 h3 {
    border: 0px;
    margin: 0px;
    padding: 0px;
    color: #fff;
}

.title3 p {
    border: 0px;
    margin: 0px;
    padding: 0px;
    color: #fff;
}

.title3 a {
    text-decoration: none;
    cursor: pointer;
    color: #fff;
}

.title4 {
    position: absolute;
    display: none;
    top: 30%;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    color: #fff;
    background-color: #00000050;
    text-shadow: 2px 2px 2px #000;
}

.title4 h2 {
    border: 0px;
    margin: 0px;
    padding: 0px;
    color: #fff;
}

.title4 h3 {
    border: 0px;
    margin: 0px;
    padding: 0px;
    color: #fff;
}

.title4 p {
    border: 0px;
    margin: 0px;
    padding: 0px;
    color: #fff;
}

.title4 a {
    text-decoration: none;
    cursor: pointer;
    color: #fff;
}

.title5 {
    position: absolute;
    display: none;
    top: 77%;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    color: #fff;
    background-color: #00000040;
    text-shadow: 2px 2px 2px #000;
}

.title5 h2 {
    border: 0px;
    margin: 0px;
    padding: 0px;
    color: #fff;
}

.title5 h3 {
    border: 0px;
    margin: 0px;
    padding: 0px;
    color: #fff;
}

.title5 p {
    border: 0px;
    margin: 0px;
    padding: 0px;
    color: #fff;
}

.title5 a {
    text-decoration: none;
    cursor: pointer;
    color: #fff;
}

.title6 {
    position: absolute;
    display: none;
    top: 40%;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    color: #fff;
    background-color: #00000050;
    text-shadow: 2px 2px 2px #000;
}

.title6 h2 {
    border: 0px;
    margin: 0px;
    padding: 0px;
    color: #fff;
}

.title6 h3 {
    border: 0px;
    margin: 0px;
    padding: 0px;
    color: #fff;
}

.title6 p {
    border: 0px;
    margin: 0px;
    padding: 0px;
    color: #fff;
}

.title6 a {
    text-decoration: none;
    cursor: pointer;
    color: #fff;
}

.title7 {
    position: absolute;
    display: none;
    top: 40%;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    color: #fff;
    background-color: #00000050;
    text-shadow: 2px 2px 2px #000;
}

.title7 h2 {
    border: 0px;
    margin: 0px;
    padding: 0px;
    color: #fff;
}

.title7 h3 {
    border: 0px;
    margin: 0px;
    padding: 0px;
    color: #fff;
}

.title7 p {
    border: 0px;
    margin: 0px;
    padding: 0px;
    color: #fff;
}

.title7 a {
    text-decoration: none;
    cursor: pointer;
    color: #fff;
}

@media only screen and (max-width: 599px) {

    .title0,
    .title1,
    .title2,
    .title3,
    .title4,
    .title5,
    .title6,
    .title7 {
        font-size: 4.6vw;
    }

    .title0 {
        width: 74%;
        left: 13%;
    }

    .title1 {
        width: 72%;
        left: 14%;
    }

    .title2 {
        width: 64%;
        left: 18%;
    }

    .title3 {
        width: 75%;
        left: 12.5%;
    }

    .title4 {
        width: 74%;
        left: 13%;
    }

    .title5 {
        width: 72%;
        left: 14%;
    }

    .title6 {
        width: 64%;
        left: 18%;
    }

    .title7 {
        width: 75%;
        left: 12.5%;
    }
}

@media only screen and (min-width: 600px) {

    .title0,
    .title1,
    .title2,
    .title3,
    .title4,
    .title5,
    .title6,
    .title7 {
        font-size: 3.6vw;
    }

    .title0 {
        width: 58%;
        left: 21%;
    }

    .title1 {
        width: 58%;
        left: 21%;
    }

    .title2 {
        width: 52%;
        left: 24%;
    }

    .title3 {
        width: 60%;
        left: 20%;
    }
    .title4 {
        width: 58%;
        left: 21%;
    }

    .title5 {
        width: 58%;
        left: 21%;
    }

    .title6 {
        width: 52%;
        left: 24%;
    }

    .title7 {
        width: 60%;
        left: 20%;
    }

}

@media only screen and (min-width: 900px) {

    .title0,
    .title1,
    .title2,
    .title3,
    .title4,
    .title5,
    .title6,
    .title7 {
        font-size: 2.6vw;
    }

    .title0 {
        width: 42%;
        left: 26.5%;
    }

    .title1 {
        width: 41%;
        left: 29.5%;
    }

    .title2 {
        width: 36%;
        left: 32%;
    }

    .title3 {
        width: 42%;
        left: 26.5%;
    }
    .title4 {
        width: 42%;
        left: 26.5%;
    }

    .title5 {
        width: 41%;
        left: 29.5%;
    }

    .title6 {
        width: 36%;
        left: 32%;
    }

    .title7 {
        width: 42%;
        left: 26.5%;
    }

}

@media only screen and (min-width: 1200px) {

    .title0,
    .title1,
    .title2,
    .title3,
    .title4,
    .title5,
    .title6,
    .title7 {
        font-size: 2vw;
    }

    .title0 {
        width: 32%;
        left: 34%;
    }

    .title1 {
        width: 30%;
        left: 35.5%;
    }

    .title2 {
        width: 27%;
        left: 36.5;
    }

    .title3 {
        width: 33%;
        left: 33.5%;
    }
    .title4 {
        width: 32%;
        left: 34%;
    }

    .title5 {
        width: 30%;
        left: 35.5%;
    }

    .title6 {
        width: 27%;
        left: 36.5;
    }

    .title7 {
        width: 33%;
        left: 33.5%;
    }

}

@media only screen and (min-width: 1800px) {

    .title0,
    .title1,
    .title2,
    .title3,
    .title4,
    .title5,
    .title6,
    .title7 {
        font-size: 1.6vw;
    }

    .title0 {
        width: 25%;
        left: 37.5%;
    }

    .title1 {
        width: 25%;
        left: 37.5%;
    }

    .title2 {
        width: 22%;
        left: 39%;
    }

    .title3 {
        width: 25%;
        left: 37.5%;
    }
    .title4 {
        width: 25%;
        left: 37.5%;
    }

    .title5 {
        width: 25%;
        left: 37.5%;
    }

    .title6 {
        width: 22%;
        left: 39%;
    }

    .title7 {
        width: 25%;
        left: 37.5%;
    }
}