.navbar a
{
	/*font-size: 70px;*/

}
#menu2 ul li a 
{	
	display: block;
	margin-left: 80px;
	animation: movedown 1s linear 1;
	 animation-delay: 3s;
	 visibility: hidden;
	 animation-fill-mode: forwards;
}
.img-fluid
{
	animation: moveright 1s linear 1;
	 animation-delay: 4s;
	 visibility: hidden;
	 animation-fill-mode: forwards;
}
@keyframes moveright
{
	0%{
		transform: translateX( -100px);

		visibility: visible;
	}
	100%{
		transform: translateX(0);
		visibility: visible;
	}
}
#h3,#para
{
	animation: moveright 1s linear 1;
	 animation-delay: 4s;
	 visibility: hidden;
	 animation-fill-mode: forwards;

}
#menu2 ul li a:hover
{
	color: white;
	background-color:   #0e3742;

	text-decoration: bold;
	font-weight: bold;
}
.navbar-icon{
	animation: movedown 1s linear 1;
	 animation-delay: 2s;
	 visibility: hidden;
	 animation-fill-mode: forwards;

}
#cap
{
	font-size: 30px;
	color: #045;
	font-weight: bolder;
	animation: zoomout 1s linear 1;
	 animation-delay: 1s;
	 visibility: hidden;
	 animation-fill-mode: forwards;
}
 @keyframes zoomout
{
	0%{
		transform: scale(0.5);
		visibility: visible;
	}
	100%{
		transform: scale(1);
		visibility: visible;
	}

}

#h3{
	text-align: center;
	font-size: 20px;
	line-height: center;
	/*text-align: justify;*/
	/*border-right: 2px solid black;*/
	width: 240px;
	animation: movedown 1s linear 1;
	 animation-delay: 4s;
	 visibility: hidden;
	 animation-fill-mode: forwards;
}
@keyframes movedown
{
	0%{
		transform: translateY( -100px);
		visibility: visible;
	}
	100%{
		transform: translateY(0);
		visibility: visible;
	}

}
#para
{
	/*border-right: 2px solid black;*/
	width: 240px;
	text-align: center;

}
.pic2
{
	/*margin-left: 90px;*/
	/*border-right: 2px solid black;*/
	width: auto;
}
.cont
{
	/*border-right: 2px solid black;*/
	width: auto;
}
#im9
{
	
	height: 400px;
	animation: zoomout 1s linear 1;
	 animation-delay: 8s;
	 visibility: hidden;
	 animation-fill-mode: forwards;
}
#im91
{
	text-align: center;
	border-radius: 30px;
	animation: animate 5s linear infinite;
	 animation-delay: 5s;
	 /*visibility: hidden;*/
	 animation-fill-mode: forwards;
	 background-color: #07252d;
	 color: #0e3742;	
	 font-size: 6em;
	 letter-spacing: 10px;
	 text-transform: uppercase;
	 -webkit-box-reflect: below 1px linear-gradient(transparent,#0008);
}
@keyframes animate
{
	0%,18%,20%,50.1%,60%,65.1%,80%,90.1%,92%
	{
		color: #0e3742;
		text-shadow: none;

	}
	18.1%,20.1%,30%,50%,60.1%,65%,80.1%,90%,92.1%,100%
	{
		color: #fff;
		text-shadow: 0 0 10px #03bcf4,
		0 0 20px #03bcf4,
		0 0 40px #03bcf4,
		0 0 40px #03bcf4,
		0 0 160px #03bcf4;

	}
}
#im92
{
	margin-top: 90px;
	color: #0e3742;
}
#blog
{
	height: 60px;
	float: left;
	/*margin-left: 3px;*/
}
#hed span 
{
	margin-left: 20px;
}
#para8 span
{
	margin-left: 20px;
}
#para9 span 
{
	margin-left: 20px;
}

body{
	/*background-color: red;*/
}

@media screen and (max-width: 480px) {
  .custome-text-color {
    color: red!important;
  }
}