.home-banner.banner-strategy{
	max-height: 100%;
}

.strategy .home-banner .parallax-container img{
	opacity: 1;
}
.banner-strategy .particles{
	display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    /* max-width: 1280px; */
    /* width: 1280px; */
    height: auto;
    margin: 0 auto;
    /* margin-top: -422px; */
    /* overflow: hidden; */
    /* background: linear-gradient(to bottom, #020107 0%, #201b46 100%); */
    /* background-color: red; */
    overflow: hidden;
    top: 0;
}
.banner-strategy #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%);*/
/*    filter:grayscale(0%) brightness(92%) contrast(0%);
    -webkit-filter:grayscale(0%) brightness(92%) contrast(0%);*/
}
.banner-strategy .particles #canvas-container canvas{
	top:-172px;
	left: -10%;
}
.about .banner-about .text{
	padding-top: 20em;
	position: relative;
	z-index: 99;
	color: #fff;
    text-align: center;
    margin-top: 0;
    text-shadow: 1px 2px 3px #666;

}
.strategy .banner-strategy .text{
	padding-top: 20em;
	position: relative;
	z-index: 99;
	color: #fff;
    text-align: center;
    margin-top: 0;
    text-shadow: 1px 2px 3px #666;
}
.about .banner-about .text h2{
	font-size: 50px;
}

@media screen and (max-width: 1440px){
	.banner-strategy .particles #canvas-container canvas{
	    top: -145px;
	    left: -13%;
	}
	.about .banner-about .text{
		padding-top: 15em;
	}
/*	.strategy .banner-strategy .text{
		padding-top: 20em;
	}*/
@media screen and (max-width: 1280px){
	.banner-strategy .particles #canvas-container canvas{
   		top: -100px;
	}
	.about .banner-about .text{
		padding-top: 13em;
	}
}
@media screen and (max-width: 1024px){
	.about .banner-about .text{
		padding-top: 10em;
	}
}
@media screen and (max-width: 768px){
	.about .banner-about .text{
		padding-top: 15em;
	}
	.strategy .banner-strategy .text{
		padding-top: 14em;
	}
}
@media screen and (max-width: 740px){
	.about .banner-about .text{
		padding-top: 14em;
	}
	.strategy .banner-strategy .text{
		padding-top: 13em;
	}
}
@media screen and (max-width: 670px){
	.about .banner-about .text{
		padding-top: 12em;
	}
	.strategy .banner-strategy .text{
		padding-top: 15em;
	}
	.strategy .banner-strategy .text h2{
		font-size: 23px;
	}
	.about .banner-about .text h2{
		font-size: 23px;
	}
}
@media screen and (max-width: 420px){
	.about .banner-about .text{
		padding-top: 9em;
	}

	.strategy .banner-strategy .text{
		padding-top: 8em;
	}

}
@media screen and (max-width: 375px){
	.about .banner-about .text{
		padding-top: 8em;
	}
	.strategy .banner-strategy .text{
		padding-top: 6.5em;
	}
}
@media screen and (max-width: 320px){
	.about .banner-about .text{
		padding-top: 6.5em;
	}
	.strategy .banner-strategy .text{
		padding-top: 5.5em;
	}
}
