.parallax-title{
position: relative;
height: 260px;
}
.parallax-title .parallax-container{
	position: relative;
	overflow: hidden;
	height: 260px;
}
.parallax-title .parallax-container p.title{
	font-size:37px;
	color:#fff;
	text-shadow: 1px 2px 3px #666;
	line-height: 0;
    margin-top:130px;
}

.parallax-title span{
    display: block
}
.parallax-title .scrolling{
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}
.parallax-title .scrolling img{
	display: none;
    position: absolute;
    left: 50%;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
        -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.parallax-title .particles{
       display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    /*max-width: 1280px;*/
    /* width: 1280px; */
    height: 260px;
    margin: 0 auto;
    /* margin-top: -422px; */
    /* overflow: hidden; */
    /* background: linear-gradient(to bottom, #020107 0%, #201b46 100%); */
    /* background-color: red; */
    overflow: hidden;
    top:0;

}
.parallax-title #canvas-container{
 position: relative;
    margin-left: 0;
    top: 0;
    margin-top: 0;
    filter: grayscale(100%) brightness(90%) contrast(120%);
    -webkit-filter: grayscale(100%) brightness(90%) contrast(120%);
}
.parallax-title #canvas-container #canvas-particles{
    position: relative;
    z-index: 999;
    width: 100%;
}
@media screen and (max-width:991){
    .parallax-title{

    height: 150px;
}
.parallax-title .parallax-container{
    height: 150px;
}
.parallax-title .title{
    margin-top: 75px;
}
}
@media screen and (max-width: 600px){
        .parallax-title{

    height: 100px;
}
.parallax-title .parallax-container{
    height: 100px;
}
    .parallax-title .parallax-container p.title{
    font-size:25px;
    margin-top:25px;
    line-height: 1em;

    }
}