/* 
CUSTOM STYLESHEET 
Add all custom styles here, provided is an example from a previous feature
but feel free to delete everything and use your creativity
*/

body{
    background-image: url("http://www.zingerbugimages.com/backgrounds/white_construction_paper_seamless.jpg");
}
@font-face {
    font-family: gill-sans-bold;
    src: url(../media/GillSans-Bold.otf)
}

@font-face {
    font-family: da-streets;
    src: url("../media/streets.ttf")
}

/*
########## Cover after waiting video
*/
.header{
    z-index: 10000;
}

#cover-img{
    max-width: 100%;
    max-height: 100%;
}
.i-wrap{
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
}
.cover{
    z-index: 10;
    position: relative;
    background-color: white;
    height: 100vh;
    color: #00008b;
    font-family: da-streets !important;
}

.title{
    position: absolute;
    top: 20vh;
    left: 15vh;
    font-size: 64px;
    z-index: 100;
}

.subhead{
    position: absolute;
    top:  30vh;
    left: 15vh;
    font-size: 32px;
    z-index: 100;
}

/*#########################  ARTICLE */
.innerwrap{
    position: relative;
    margin-top: 20vh;
}

/* ##################### quote decoration */
.pull {
    font-family: 'Bubblegum Sans';
    color: rgb(253, 116, 53);
    font-style: italic;
}

.pull p {
    font-size: 28px;
    margin: 5%;
}

@media (max-width: 765px) {
    .cover {
        height: 100vh;
    }
    .title{
        font-size: 48px;
    }
    .subhead{
        font-size: 24px;
    }
    .innerwrap{
        margin-top: 10vh;
    }
}