.page-header{
    position: relative;
    min-height: 340px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    text-align:center;
    overflow:hidden;
    padding:40px 20px;
    background: linear-gradient(135deg,#080808,#1a1208,#080808);
    border-top:1px solid #d4af37;
    border-bottom:2px solid #d4af37;
}

/* Canvas Full Background */
#particleCanvas{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    z-index:1;
}

/* Text */
.page-header h1,
.page-header .breadcrumb{
    position:relative;
    z-index:2;
}

.page-header h1{
    font-size:58px;
    color:#fff;
    margin:0;
    text-shadow:0 0 15px rgba(212,175,55,.35);
}

.page-header .breadcrumb{
    margin-top:15px;
    color:#d4af37;
    font-size:18px;
}

@media(max-width:768px){
    .page-header h1{
        font-size:38px;
    }
}