/**
 * Header *********************************************************************************************************************************
 */
.shape{background: #FFEAF1;}

#header{
    background: url('../img/environment-background.jpg') no-repeat; background-size: cover; background-position: bottom;
    width:              100%;
    height:             100vh;
    position:           relative;
    text-align:         center;
}

#header-nav-2{
    position:           absolute;
    bottom:             10%;
    left:               6%;
}

#header-nav-2 a{
    font:               normal 1.3vw "Nanito", "Trebuchet MS", Arial, Helvetica, sans-serif;
    color:              #fff;
    margin:             0 30px 0 30px;
    background:         linear-gradient(to top, #fff 2px, transparent 1px) no-repeat;
    background-size:    0 100%;
    transition:         background-size 0.3s;
    text-transform:     uppercase;
}
#header-nav-2 a:hover{background-size:100% 100%;}

#header-title{
    position:           relative;
    color:              #fff;
    top:                10vh;
}

#header-title span:first-child{
    font:               normal 6vw "GreatVibes", "Trebuchet MS", Arial, Helvetica, sans-serif;
    display:            block;
    line-height:        10vh;
}

#header-title span:last-child{
    font-size:          3vh;
}

#header-arrow{
    width:              2%;
    position:           absolute;
    bottom:             5vh;
    animation:          anim-headerArrow 1s normal;
    animation-iteration-count: infinite;
    z-index:            5;
}
#header-arrow:hover{cursor: pointer;}

#header-shape-overlay{
    position:           absolute;
    width:              100%;
    height:             30%;
    bottom:             -15%;
    left:               0;
    overflow:           hidden;
}
#header-shape{
    position:           absolute;
    transform:          rotate(-5deg);
    width:              110%;
    height:             50%;
    top:                30%;
    left:               -1%;
    background:         #FFEAF1;
}
