@import url('https://fonts.googleapis.com/css?family=Lobster|Merriweather:700&display=swap');

 #particles-js {
 	width: 100%;
 	/*backgrund: linear-gradient(to left,#6442ff 0%,#9012fe 100%);*/
 	background-image: url(../img/bg-2.jpg);
 	background-size: cover;
 	height: 775px;
 }

 .heading {
 	padding: 50px 0px 0em 0em;
 	z-index: 1;
 	position: absolute;
 	width: 100%;
 	left: 0px;
 }

 .heading h1 {
 	font-family: 'Lobster', cursive;
 	color: #fff;

 	text-transform: capitalize;
 }


 @media(max-width:768px) {
	#particles-js {
		height: 1300px;
	}
	.heading {
		padding: 20px 0px 0em 0em;
	}
 }
 @media(max-width:767px) {
	#particles-js {
		width: 100%;
		height: 1544px !important;
		/*backgrund: linear-gradient(to left,#6442ff 0%,#9012fe 100%);*/
		background-image: url(../img/bg-2.jpg);
		background-size: cover;
	}
}
@media(max-width:500px) {
#particles-js {
	height:1620px !important
}
}